Lighthouse erişilebilirlik puanı

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

Her erişilebilirlik denetimi, başarılı veya başarısız olarak sonuçlanır. 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 adı yok denetimi için 0 alır.

Aşağıdaki tabloda her erişilebilirlik denetiminin ağırlığı gösterilmektedir. Ağırlığı daha yüksek olan denetimler, puanınız üzerinde daha fazla etki eder. Puanınızı etkilemediği için manuel denetimler tabloya dahil edilmez.

Denetim Ağırlık
[accesskey] değerleri benzersiz olmalıdır. 7
[aria-*] özellikleri rolleriyle eşleşiyor 10
role="" öğesine atanan değerler geçerli ARIA rolleridir 1
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 odaklanabilir alt öğe bulunmuyor 7
ARIA giriş alanlarının erişilebilir özellikli adları var 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 sahibi olup alt öğelerin belirli bir [role] içermesini gerektiren öğelerde gerekli alt öğelerin hepsi bulunuyor[role] 10
[role] öğeleri gerekli üst öğelerinin içinde bulunuyor 10
[role] değerleri geçerli 7
role=text özelliğine sahip öğelerin odaklanılabilir alt öğeleri yok 7
ARIA açma/kapatma alanlarının erişilebilir özellikli ada sahip olması 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 bir adı 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>'ler 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
Belgede <title> öğesi var 7
Etkin, odaklanabilir öğelerdeki [id] özellikleri benzersizdir 7
ARIA kimlikleri benzersizdir 10
Hiçbir form alanının birden fazla etiketi yok 3
<frame> veya <iframe> öğelerinin başlığı var 7
Başlık öğeleri sırayla azalan düzende sıralanmış görüntülenir 3
<html> öğesinin [lang] özelliği var 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
Resim öğelerinde gereksiz metin olan [alt] özellikleri yok 1
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 7
Bağlantılar, renkten bağımsız olarak ayırt edilebilir 7
Bağlantıların ayırt edilebilir bir adı 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
Belge <meta http-equiv="refresh"> öğesini kullanmı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 7
Atlama bağlantılarına odaklanılabiliyor 3
Hiçbir öğe 0'dan büyük bir [tabindex] değeri içermiyor 7
Tablolar, özet özelliğinde ve <caption> öğesinde farklı içeriğe sahip 1
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 bulunur 7
<th> öğelerinin ve [role="columnheader"/"rowheader"] içeren öğelerin açıkladıkları veri hücreleri var 7
[lang] özelliklerinin geçerli bir değeri var 7
<video> öğelerinde [kind="captions"] içeren bir <track> öğesi bulunuyor 10