Lighthouse erişilebilirlik puanı

Lighthouse erişilebilirlik puanı, tüm erişilebilirlik denetimlerinin ağırlıklı ortalamasıdır. Ağırlıklandırma, axe kullanıcı etkisi değerlendirmelerine dayanır.

Her erişilebilirlik denetimi başarılı veya başarısız olur. Performans denetimlerinin aksine, bir sayfa erişilebilirlik denetimini kısmen geçtiği için puan almaz. Örneğin, bir sayfadaki bazı düğmelerin erişilebilir adları varsa ancak diğerlerinin yoksa sayfa, Düğmelerin erişilebilir adları yok denetimi için 0 puan alır.

Aşağıdaki tabloda her erişilebilirlik denetiminin ağırlığı gösterilmektedir. Ağırlığı daha fazla olan denetimlerin puanınız üzerindeki etkisi daha büyüktür. Puanınızı etkilemedikleri için manuel denetimler ve düşük etkili / en iyi uygulamalar denetimleri tabloya dahil edilmez.

Denetim Ağırlık
[accesskey] değerleri benzersiz 7
[aria-*] özellikleri rolleriyle eşleşiyor 10
button, link ve menuitem öğelerinin erişilebilir özellikli adları var 7
role="dialog" veya role="alertdialog" içeren öğelerin erişilebilir özellikli adları var 7
[aria-hidden="true"], <body> dokümanında mevcut değil 10
[aria-hidden="true"] öğelerinde odaklanılabilir alt öğeler bulunmuyor 7
ARIA giriş alanları erişilebilir özellikli ada sahip 7
ARIA meter öğelerinin erişilebilir özellikli adları var 7
ARIA progressbar öğelerinin erişilebilir özellikli adları var 7
[role] öğelerinin rolleri, gereken tüm [aria-*] özelliklerine sahip 10
ARIA [role] sahibi olup alt öğelerin belirli bir [role] içermesini gerektiren öğelerde gerekli alt öğelerin hepsi bulunuyor 10
[role] öğeleri gerekli üst öğelerinin içinde bulunuyor 10
[role] değerleri geçerli 10
role=text özelliğine sahip öğelerin odaklanılabilir alt öğeleri yok 7
ARIA açma/kapatma alanları erişilebilir özellikli ada sahip 7
ARIA tooltip öğelerinin erişilebilir özellikli adları var 7
ARIA treeitem öğelerinin erişilebilir özellikli adları var 7
[aria-*] özelliklerinin geçerli değerleri var 10
[aria-*] özellikleri geçerli ve yanlış yazılmamış 10
Düğmelerin erişilebilir adları var 10
Sayfa bir başlık, atlama bağlantısı veya önemli nokta bölgesi içeriyor 7
Arka plan ve ön plan renkleri yeterli kontrast oranına sahip 7
<dl> öğeleri yalnızca gerektiği gibi sıralanmış <dt> ve <dd> gruplarını, <script>, <template> veya <div> öğelerini içeriyor 7
Tanım listesi öğeleri <dl> öğeleri arasına yerleştirilmiş 7
Belgenin <title> öğesi var 7
Etkin, odaklanılabilir öğelerdeki [id] özellikleri benzersiz 7
ARIA kimlikleri benzersiz 10
Hiçbir form alanının birden fazla etiketi yok 3
<frame> veya <iframe> öğelerinin başlığı var 7
Başlık öğeleri azalan düzende sıralanmış olarak gösteriliyor 3
<html> öğesi [lang] özelliğine sahip 7
<html> öğesi, [lang] özelliği için geçerli bir değere sahip 7
<html> öğesi, [lang] özelliğiyle aynı temel dile sahip bir [xml:lang] özelliği içeriyor 3
Resim öğelerinin [alt] özellikleri var 10
Giriş düğmelerinde ayırt edilebilir metin var 10
<input type="image"> öğelerinin [alt] metni var 10
Görünür metin etiketlerine sahip öğelerin, erişilebilir özellikli adları eşleşiyor 7
Form öğelerinin ilişkili etiketleri var 10
Belgede bir ana belirgin işaret olmalıdır 3
Bağlantılar, renkten bağımsız olarak ayırt edilebilir 7
Bağlantıların ayırt edilebilir adları var 7
Listeler yalnızca <li> öğelerini ve komut dosyası destekleyen öğeleri (<script> ve <template>) içeriyor 7
Liste öğeleri (<li>), <ul>, <ol> veya <menu> üst öğelerinde yer alıyor 7
Belgede <meta http-equiv="refresh"> kullanılmıyor 10
[user-scalable="no"], <meta name="viewport"> öğesinde kullanılmamış ve [maximum-scale] özelliği 5'ten küçük değil 10
<object> öğelerinin alternatif metni var 7
<select> öğelerinin ilişkili <label> öğeleri var 10
Atlama bağlantılarına odaklanılabiliyor 3
Hiçbir öğe 0'dan büyük [tabindex] değeri içermiyor 7
Tablolar, başlığı belirtmek için [colspan] özelliğine sahip hücreler yerine <caption> kullanıyor 7
Büyük bir <table> içinde yer alan <td> öğelerinin bir veya daha fazla tablo başlığı var 10
<table> öğesinde olup [headers] özelliğini kullanan hücreler, aynı tablodaki tablo hücrelerine atıfta bulunuyor 7
<th> öğelerinin ve [role="columnheader"/"rowheader"] içeren öğelerin açıkladıkları veri hücreleri var 7
[lang] özelliklerinin geçerli değerleri var 7
<video> öğelerinde [kind="captions"] içeren bir <track> öğesi bulunuyor 10