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 di accessibilità ha esito positivo o negativo. A differenza dei controlli del rendimento, una pagina non riceve punti per aver superato parzialmente un controllo di accessibilità. Ad esempio, se alcuni pulsanti di una pagina hanno nomi accessibili, ma altri no, la pagina riceve un punteggio pari a 0 per il controllo I pulsanti non hanno nomi accessibili.

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 tuo 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 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 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 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'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 immagine hanno attributi [alt] 10
Gli elementi immagine non hanno attributi [alt] che rappresentano testo ridondante 1
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 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 essi descritte 7
Gli attributi [lang] hanno un valore valido 7
Gli elementi <video> contengono un elemento <track> con [kind="captions"] 10