Dokümanlar
/
TREN

Sorun rehberi · Erişilebilirlik

Lighthouse'un bulduğu erişilebilirlik sorunları

ÖnemBilgi
KategoriErişilebilirlik
KapsamTüm site
EmekOrta
DoğrulamaGörevi tamamlayınca yeniden tarama
Kural anahtarıaccessibility_lighthouse

Kısa cevap

Glimana, ana sayfanızda ve en çok tıklanan sayfalarınızda haftada bir Lighthouse (mobil) çalıştırır ve düzeltmesi net, sayfa düzeyinde olan beş erişilebilirlik denetimini raporlar: renk karşıtlığı, görsel alt metni, form alanı etiketleri, ana bölge işareti (main landmark) ve bağlantı adları. Bu sorunlar, ekran okuyucuya, klavyeyle gezinmeye ya da yakınlaştırmaya ihtiyaç duyan kişiler için sayfayı kullanmayı zorlaştırır ya da imkânsız hâle getirir. Erişilebilirlik doğrudan bir sıralama faktörü değildir; ancak alt metin ve bağlantı adları arama motorlarının okuduklarıyla örtüşür ve artık pek çok ülkede yasal bir zorunluluktur. Kanıtta listelenen başarısız denetimleri düzeltin.

Neden önemli

Ekran okuyucu kullanan biri, etiketsiz bir görselin neyi gösterdiğini ya da etiketsiz bir alanın ne beklediğini anlayamaz; az gören biri 3:1 karşıtlıklı griye gri metni okuyamaz. Bu beş denetim, düzeltmenin tartışmasız olduğu denetimlerdir; axe-core'un tam kural seti çok daha fazla bulgu üretir, ancak bunlar gürültülü olma eğiliminde olduğu için Glimana onları bilerek sorun olarak raporlamaz.

Glimana bunu nasıl tespit eder

Glimana her hafta ana sayfada ve en çok tıklama alan sayfalarda mobil stratejiyle Lighthouse çalıştırır (son 14 günde en fazla 300 çalıştırma, sayfa başına en son çalıştırma). Erişilebilirlik denetimlerinden yalnızca color-contrast, image-alt, label, landmark-one-main ve link-name denetimlerini tutar. Kanıt, başarısız denetimleri sayfa sayfa, örnek öğelerle birlikte listeler.

Nasıl düzeltilir

  1. Etkilenen sayfaları Glimana'da bulun. Sorunlar › Lighthouse'un bulduğu erişilebilirlik sorunları bölümünü açın. Kanıt, her sayfa için beş denetimden hangilerinin başarısız olduğunu ve her biri için örnek bir öğeyi listeler; böylece doğrudan sorunlu işaretlemeye gidebilirsiniz.

  2. Düzeltmeyi platformunuzda uygulayın.

    Denetim Anlamı Düzeltme
    color-contrast Metnin arka planına karşı karşıtlığı 4,5:1'in altında (büyük metinde 3:1) Metni koyulaştırın ya da arka planı açın; bir karşıtlık aracıyla kontrol edin
    image-alt <img> öğesinde alt özniteliği yok Görseli tanımlayın; yalnızca süs amaçlı görsellerde alt="" kullanın
    label Bir form alanının ilişkili etiketi yok <label for="id"> ya da aria-label ekleyin
    landmark-one-main Sayfada <main> bölge işareti yok Ana içeriği <main> içine alın
    link-name Bir bağlantının erişilebilir metni yok (yalnızca simge, boş) Görünür metin ya da aria-label ekleyin

    Karşıtlık ve bölge işaretleri temadan gelir (renkleri özelleştirin; blok temaların çoğu <main> içerir). Alt metin, Ortam Kütüphanesi'nde her görsel için ayrı ayrı girilir. Menülerdeki ve sosyal medya bileşenlerindeki simge bağlantıları aria-label ister; Accessibility Checker eklentisi bunları düzenleyicide işaretler.

    Dawn bu denetimleri varsayılan olarak geçer; başarısızlıklar genellikle özel renk ayarlarından (karşıtlık), alt metni olmayan ürün görsellerinden (alt metni ürünün medyasında girin) ve uygulamaların eklediği simge düğmelerinden kaynaklanır. Temadaki yalnızca simgeden oluşan bağlantılara aria-label ekleyin.

    Düzeltirken yerelde axe DevTools ya da Lighthouse çalıştırın; beş kuralın yeniden bozulmaması için CI'a eslint-plugin-jsx-a11y ya da bir axe denetimi ekleyin.

  3. Yayımlayın ve önbellekleri temizleyin. Kaydedip yayımlayın, ardından tarayıcının yeni sürümü göreceğinden emin olun: WordPress — önbellek eklentinizde sayfa önbelleğini temizleyin ve CDN'i boşaltın; Shopify — tema ve içerik değişiklikleri kaydedildiği anda yayına girer, ancak mağazanın önünde bir CDN varsa onu boşaltın; özel kod — dağıtımı yapın ve uç (edge) önbelleği boşaltın. Canlı HTML'in değiştiğini gizli bir pencerede ya da curl -s https://your-domain/page | grep -i '<title\|canonical\|robots' ile kontrol edin; Glimana, web tarayıcınızın önbelleğindekini değil, sunucunun gönderdiğini okur.

  4. Glimana'da doğrulayın. Görevler altında görevi açın ve Yaptım düğmesine tıklayın. Etkilenen sayfalar birkaç saat içinde doğrulama taramasına alınır; görev, bir sonraki haftalık Lighthouse çalıştırması etkilenen sayfalarda listelenen denetimleri artık raporlamadığında kapanır. Denetim yine başarısız olursa görev bir notla Yeni durumuna döner; geçerse Etki raporlarında Giderilen teknik sorunlar altında listelenir. Daha erken kontrol etmek için sorunun üzerindeki Etkilenen sayfaları yeniden tara seçeneğini kullanın.

Düzeltme nasıl doğrulanır

Görev, bir sonraki haftalık Lighthouse çalıştırması etkilenen sayfalarda listelenen denetimleri artık raporlamadığında kapanır.

Kaynaklar

Bu sayfa işinize yaradı mı?

Son güncelleme 2026-10-10 · Destekle iletişim