Punteggio di accessibilità di Lighthouse

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

Ogni controllo dell'accessibilità viene superato o non viene superato. A differenza dei controlli delle prestazioni, una pagina non riceve punti per il superamento parziale di un controllo dell'accessibilità. Ad esempio, se alcuni pulsanti su una pagina hanno nomi accessibili e altri no, la pagina ottiene uno 0 per il controllo I pulsanti non hanno un nome accessibile.

La tabella seguente mostra la ponderazione di ciascun controllo dell'accessibilità. I controlli più ponderati hanno un effetto maggiore sul punteggio. I controlli manuali non sono inclusi nella tabella perché non influiscono sul punteggio.

Controllo Peso
I valori [accesskey] sono univoci 7
Gli attributi [aria-*] corrispondono ai rispettivi ruoli 10
I valori assegnati a role="" sono ruoli ARIA validi 1
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 attivabili 7
I campi di immissione ARIA hanno nomi accessibili 7
Gli elementi meter ARIA hanno nomi accessibili 7
Gli elementi progressbar ARIA hanno nomi accessibili 7
Gli elementi [role] hanno tutti gli attributi [aria-*] obbligatori 10
Gli elementi con un elemento [role] ARIA che richiedono che gli elementi secondari contengano un elemento [role] specifico hanno tutti gli elementi secondari richiesti 10
Gli elementi [role] sono contenuti nell'elemento principale richiesto 10
I valori [role] sono validi 7
Gli elementi con l'attributo role=text non hanno discendenti attivabili 7
I campi di attivazione/disattivazione ARIA hanno nomi accessibili 7
Gli elementi tooltip ARIA hanno nomi accessibili 7
Gli elementi treeitem ARIA 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'intestazione, un link "Salta" o un'area di riferimento 7
Il rapporto di contrasto dei colori di sfondo e primo piano è sufficiente 7
Gli elementi <dl> contengono solo gruppi <dt> e <dd>, 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] su 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
Gli elementi immagine non hanno attributi [alt] di testo ridondante. 1
I pulsanti di immissione hanno testo distinguibile 10
<input type="image"> elementi hanno testo [alt] 10
Gli elementi con etichette di testo visibili hanno nomi accessibili corrispondenti 7
Agli elementi dei moduli sono associate etichette 7
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 script (<script> e <template>) 7
Le voci dell'elenco (<li>) sono contenute negli elementi principali <ul>, <ol> o <menu> 7
Il documento non usa <meta http-equiv="refresh"> 10
[user-scalable="no"] non viene utilizzato 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 7
I link Salta sono su cui è possibile impostare lo stato attivo 3
Nessun elemento ha un valore [tabindex] maggiore di 0 7
Le tabelle hanno contenuti diversi nell'attributo di riepilogo e in <caption> 1
Le tabelle utilizzano <caption> anziché celle con l'attributo [colspan] per indicare una didascalia 7
<td> elementi 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 di una tabella all'interno della stessa tabella 7
<th> elementi ed 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