Bereikbaarheidsscore van de vuurtoren

De Lighthouse Accessibility-score is een gewogen gemiddelde van alle toegankelijkheidsaudits. De weging is gebaseerd op gebruikersimpactbeoordelingen .

Elke toegankelijkheidscontrole is geslaagd of mislukt. In tegenstelling tot prestatiecontroles krijgt een pagina geen punten voor het gedeeltelijk slagen voor een toegankelijkheidscontrole. Als bijvoorbeeld sommige knoppen op een pagina toegankelijke namen hebben, maar andere niet, krijgt de pagina een 0 voor de controle Knoppen hebben geen toegankelijke naam .

De volgende tabel toont de weging van elke toegankelijkheidsaudit. Audits met een hogere weging hebben een groter effect op uw score. Handmatige audits en audits met een lage impact/best practices zijn niet in de tabel opgenomen, omdat ze geen invloed hebben op uw score.

Controle Gewicht
[accesskey] waarden zijn uniek 7
[aria-*] attributen komen overeen met hun rollen 10
button , link en menuitem itemelementen hebben toegankelijke namen 7
Elementen met role="dialog" of role="alertdialog" hebben toegankelijke namen 7
[aria-hidden="true"] is niet aanwezig in het document <body> 10
[aria-hidden="true"] elementen bevatten geen focusbare afstammelingen 7
ARIA-invoervelden hebben toegankelijke namen 7
ARIA- meter hebben toegankelijke namen 7
ARIA- progressbar hebben toegankelijke namen 7
[role] hebben alle vereiste [aria-*] kenmerken 10
Elementen met een ARIA [role] die vereisen dat kinderen een specifieke [role] bevatten, hebben allemaal vereiste kinderen 10
[role] s worden opgenomen in hun vereiste bovenliggende element 10
[role] waarden zijn geldig 10
Elementen met het kenmerk role=text hebben geen focusbare afstammelingen 7
ARIA-schakelvelden hebben toegankelijke namen 7
ARIA tooltip hebben toegankelijke namen 7
ARIA treeitem -elementen hebben toegankelijke namen 7
[aria-*] attributen hebben geldige waarden 10
[aria-*] attributen zijn geldig en niet verkeerd gespeld 10
Knoppen hebben een toegankelijke naam 10
De pagina bevat een koptekst, skiplink of herkenningspuntgebied 7
Achtergrond- en voorgrondkleuren hebben een voldoende contrastverhouding 7
<dl> bevat alleen correct geordende <dt> en <dd> -groepen, <script> -, <template> - of <div> -elementen 7
Definitielijst-items worden in <dl> -elementen verpakt 7
Document heeft een <title> -element 7
[id] kenmerken op actieve, focusbare elementen zijn uniek 7
ARIA-ID's zijn uniek 10
Geen enkel formulierveld heeft meerdere labels 3
<frame> - of <iframe> -elementen hebben een titel 7
Koptekstelementen worden in aflopende volgorde weergegeven 3
<html> -element heeft een [lang] -attribuut 7
<html> -element heeft een geldige waarde voor zijn [lang] -kenmerk 7
Het <html> -element heeft een [xml:lang] -kenmerk met dezelfde basistaal als het [lang] -kenmerk 3
Beeldelementen hebben [alt] -attributen 10
Invoerknoppen hebben herkenbare tekst 10
<input type="image"> elementen hebben [alt] -tekst 10
Elementen met zichtbare tekstlabels hebben overeenkomende toegankelijke namen 7
Formulierelementen hebben bijbehorende labels 10
Het document moet één hoofdoriëntatiepunt hebben 3
Links zijn te onderscheiden zonder afhankelijk te zijn van kleur 7
Links hebben een herkenbare naam 7
Lijsten bevatten alleen <li> -elementen en scriptondersteunende elementen ( <script> en <template> ) 7
Lijst-items ( <li> ) bevinden zich in de bovenliggende elementen <ul> , <ol> of <menu> 7
Het document gebruikt geen <meta http-equiv="refresh"> 10
[user-scalable="no"] wordt niet gebruikt in het <meta name="viewport"> element en het kenmerk [maximum-scale] is niet kleiner dan 5 10
<object> -elementen hebben alternatieve tekst 7
Geselecteerde elementen hebben bijbehorende labelelementen 10
Skiplinks zijn focusbaar 3
Geen enkel element heeft een [tabindex] -waarde groter dan 0 7
Tabellen gebruiken <caption> in plaats van cellen met het kenmerk [colspan] om een ​​bijschrift aan te geven 7
<td> -elementen in een grote <table> hebben één of meer tabelkoppen 10
Cellen in een <table> -element die het kenmerk [headers] gebruiken, verwijzen naar tabelcellen binnen dezelfde tabel. 7
<th> elementen en elementen met [role="columnheader"/"rowheader"] hebben datacellen die ze beschrijven 7
[lang] attributen hebben een geldige waarde 7
<video> -elementen bevatten een <track> -element met [kind="captions"] 10