Punteggio di accessibilità di Lighthouse

Il punteggio di accessibilità di Lighthouse è una media ponderata di tutti i controlli di accessibilità. La ponderazione si basa sulle valutazioni dell'impatto sugli utenti.

Ogni controllo dell'accessibilità viene superato o meno. A differenza dei controlli del rendimento, una pagina non ottiene punti per aver superato parzialmente un controllo dell'accessibilità. Ad esempio, se alcuni pulsanti di una pagina hanno nomi accessibili, ma altri no, la pagina riceve 0 per il controllo I pulsanti non hanno nomi accessibili.

La tabella seguente mostra la ponderazione per ogni controllo dell'accessibilità. I controlli con un peso maggiore hanno un impatto maggiore sul punteggio. I controlli manuali e quelli a basso impatto / best practice non sono inclusi nella tabella perché non influiscono sul tuo punteggio.

Controlla Peso
I valori [accesskey] sono univoci 7
Gli attributi [aria-*] corrispondono ai rispettivi ruoli 10
Gli elementi button, link e menuitem hanno nomi accessibili 7
Gli elementi con role="dialog" o role="alertdialog" hanno nomi accessibili 7
[aria-hidden="true"] non è presente nel documento <body> 10
Gli elementi [aria-hidden="true"] non contengono discendenti per cui è possibile impostare lo stato attivo 7
I campi di immissione ARIA hanno nomi accessibili 7
Gli elementi ARIA meter hanno nomi accessibili 7
Gli elementi ARIA progressbar hanno nomi accessibili 7
Gli elementi [role] hanno tutti gli attributi [aria-*] obbligatori 10
Gli elementi con un ruolo ARIA [role] che richiedono che gli elementi secondari contengano un ruolo [role] specifico hanno tutti gli elementi secondari obbligatori 10
Gli elementi [role] sono contenuti nei rispettivi elementi principali obbligatori 10
I valori [role] sono validi 10
Gli elementi con l'attributo role=text non hanno discendenti attivabili 7
I campi di attivazione/disattivazione ARIA hanno nomi accessibili 7
Gli elementi ARIA tooltip hanno nomi accessibili 7
Gli elementi ARIA treeitem hanno nomi accessibili 7
Gli attributi [aria-*] hanno valori validi 10
Gli attributi [aria-*] sono validi e non contengono errori ortografici 10
I pulsanti hanno un nome accessibile 10
La pagina contiene un titolo, uno skip link o un'area di riferimento 7
Il rapporto di contrasto tra i colori di sfondo e primo piano è sufficiente 7
Gli elementi <dl> contengono solo gruppi <dt> e <dd> ed elementi <script>, <template> o <div> nell'ordine corretto 7
Gli elementi dell'elenco di definizioni sono aggregati negli elementi <dl> 7
Il documento ha un elemento <title> 7
Gli attributi [id] in elementi attivi per cui è possibile impostare lo stato attivo sono univoci 7
Gli ID ARIA sono univoci 10
Nessun campo del modulo ha più etichette 3
Gli elementi <frame> o <iframe> hanno un titolo 7
Gli elementi di intestazione vengono visualizzati in ordine decrescente sequenziale 3
L'elemento <html> ha un attributo [lang] 7
L'attributo [lang] dell'elemento <html> ha un valore valido 7
L'elemento <html> ha un attributo [xml:lang] con la stessa lingua di base dell'attributo [lang] 3
Gli elementi immagine hanno attributi [alt] 10
I pulsanti di immissione hanno testo distinguibile 10
Gli elementi <input type="image"> hanno testo [alt] 10
Gli elementi con etichette di testo visibili hanno nomi accessibili corrispondenti 7
Gli elementi del modulo sono associati a etichette 10
Il documento deve avere un punto di riferimento principale 3
I link sono distinguibili senza doversi basare sul colore 7
I link hanno un nome distinguibile 7
Gli elenchi contengono solo elementi <li> ed elementi che supportano gli script (<script> e <template>) 7
Gli elementi dell'elenco (<li>) sono contenuti negli elementi principali <ul>, <ol> o <menu> 7
Il documento non utilizza <meta http-equiv="refresh"> 10
[user-scalable="no"] non viene usato nell'elemento <meta name="viewport"> e l'attributo [maximum-scale] non è inferiore a 5 10
Gli elementi <object> hanno testo alternativo 7
Alcuni elementi hanno elementi di etichette associati 10
Gli skip link sono attivabili 3
Nessun elemento ha un valore [tabindex] maggiore di 0 7
Le tabelle utilizzano <caption> anziché celle con l'attributo [colspan] per indicare una didascalia 7
Gli elementi <td> in un elemento <table> di grandi dimensioni hanno una o più intestazioni di tabella 10
Le celle in un elemento <table> che utilizzano l'attributo [headers] fanno riferimento a celle della stessa tabella 7
Gli elementi <th> e gli elementi con [role="columnheader"/"rowheader"] hanno le celle di dati da essi descritte 7
Gli attributi [lang] hanno un valore valido 7
Gli elementi <video> contengono un elemento <track> con [kind="captions"] 10