Punteggio di accessibilità di Lighthouse

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

Ogni controllo dell'accessibilità è stato superato o meno. A differenza dei controlli del rendimento, una pagina non riceve punti per aver superato parzialmente un controllo di accessibilità. Ad esempio, se alcuni pulsanti in una pagina hanno nomi accessibili e altri no, nella pagina viene assegnato uno 0 per il controllo I pulsanti non hanno un nome accessibile.

La tabella seguente mostra la ponderazione per ogni controllo di accessibilità. I controlli con un peso maggiore hanno un effetto maggiore sul tuo punteggio. I controlli manuali non sono inclusi nella tabella perché non influiscono sul punteggio.

Controllo Peso
I valori di [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 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 [role] ARIA che richiedono che gli elementi secondari contengano un valore [role] specifico hanno tutti gli elementi secondari obbligatori 10
Gli elementi [role] sono contenuti nei rispettivi elementi principali richiesti 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 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'intestazione, uno skip link o un'area di riferimento 7
Il rapporto di contrasto tra i colori di sfondo e primo piano è sufficiente 7
Gli <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] 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'elemento <html> ha un valore valido per l'attributo [lang] 7
L'elemento <html> ha un attributo [xml:lang] con la stessa lingua di base dell'attributo [lang] 3
Gli elementi image hanno attributi [alt] 10
Gli elementi immagine non hanno attributi [alt] che rappresentano 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
Gli elementi del modulo sono associati a 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 gli script (<script> e <template>) 7
Gli elementi dell'elenco (<li>) sono contenuti in 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 7
Gli skip link sono attivabili 3
Nessun elemento ha un valore [tabindex] maggiore di 0 7
Le tabelle hanno contenuti diversi nell'attributo summary e in <caption> 1
Le tabelle utilizzano <caption> anziché celle con l'attributo [colspan] per indicare un sottotitolo codificato 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 loro descritte 7
Gli attributi [lang] hanno un valore valido 7
Gli elementi <video> contengono un elemento <track> con [kind="captions"] 10