Pontuação de acessibilidade do Lighthouse

A pontuação de acessibilidade do Lighthouse é uma média ponderada de todas as auditorias de acessibilidade. A ponderação se baseia em avaliações de impacto do usuário do axe.

Cada auditoria de acessibilidade é aprovada ou reprovada. Ao contrário das auditorias de performance, uma página não recebe pontos por passar parcialmente em uma auditoria de acessibilidade. Por exemplo, se alguns botões em uma página tiverem nomes acessíveis, mas outros não, a página vai receber 0 na auditoria "Os botões não têm um nome acessível".

A tabela a seguir mostra a ponderação de cada auditoria de acessibilidade. As auditorias com peso maior têm um efeito maior na sua pontuação. As auditorias manuais e de baixo impacto / práticas recomendadas não são incluídas na tabela porque não afetam sua pontuação.

Auditoria Peso
Os valores de [accesskey] são únicos 7
Os atributos [aria-*] correspondem às próprias funções 10
Os elementos button, link e menuitem têm nomes acessíveis 7
Elementos com role="dialog" ou role="alertdialog" têm nomes acessíveis 7
[aria-hidden="true"] não está presente no documento <body> 10
Os elementos [aria-hidden="true"] não contêm descendentes focalizáveis 7
Os campos de entrada ARIA têm nomes acessíveis 7
Os elementos ARIA meter têm nomes acessíveis 7
Os elementos ARIA progressbar têm nomes acessíveis 7
[role]s têm todos os atributos [aria-*] obrigatórios 10
Elementos com uma [role] ARIA que exigem que os filhos contenham uma [role] específica têm todos os filhos obrigatórios 10
[role]s fazem parte do elemento pai obrigatório 10
Os valores de [role] são válidos 10
Elementos com o atributo role=text não têm descendentes focalizáveis 7
Os campos de alternância ARIA têm nomes acessíveis 7
Os elementos ARIA tooltip têm nomes acessíveis 7
Os elementos ARIA treeitem têm nomes acessíveis 7
Os atributos [aria-*] têm valores válidos 10
Os atributos [aria-*] são válidos e não contêm erros de ortografia 10
Os botões têm um nome acessível 10
A página contém um título, um link de salto ou uma região de ponto de referência 7
As cores de primeiro e segundo plano têm uma taxa de contraste suficiente 7
<dl>s contêm apenas grupos <dt> e <dd>, elementos <script>, <template> ou <div> devidamente organizados 7
Os itens da lista de definição estão unidos em elementos <dl> 7
O documento tem um elemento <title> 7
Os atributos [id] em elementos focalizáveis ativos são únicos 7
Os IDs ARIA são exclusivos 10
Nenhum campo de formulário tem vários rótulos 3
Os elementos <frame> ou <iframe> têm um título 7
Os elementos de título aparecem em uma ordem sequencial descendente 3
O elemento <html> tem um atributo [lang] 7
O elemento <html> tem um valor válido para o atributo [lang] 7
O elemento <html> tem um atributo [xml:lang] com o mesmo idioma base que o atributo [lang] 3
Os elementos de imagem têm atributos [alt] 10
Os botões de entrada têm texto compreensível 10
Os elementos <input type="image"> têm texto [alt] 10
Elementos com rótulos de texto visíveis têm nomes acessíveis correspondentes 7
Os elementos de formulário têm rótulos associados 10
O documento precisa ter um ponto de referência principal 3
Os links são distinguíveis sem depender da cor 7
Os links têm um nome compreensível 7
As listas contêm apenas elementos <li> e elementos compatíveis com script (<script> e <template>) 7
Os itens de lista (<li>) estão contidos nos elementos pai <ul>, <ol> ou <menu> 7
O documento não usa <meta http-equiv="refresh"> 10
[user-scalable="no"] não é usado no elemento <meta name="viewport">, e o atributo [maximum-scale] não é menor que 5 10
Os elementos <object> têm texto alternativo 7
Os elementos de seleção têm elementos de rótulo associados 10
Links de salto são focalizáveis 3
Nenhum elemento tem um valor de [tabindex] maior que 0 7
As tabelas usam <caption> em vez de células com o atributo [colspan] para indicar uma legenda 7
Os elementos <td> em uma <table> grande têm um ou mais cabeçalhos de tabela 10
Células em um elemento <table> que usam o atributo [headers] referem-se às células na mesma tabela 7
Os elementos <th> e os elementos com [role="columnheader"/"rowheader"] têm células de dados descritas 7
Os atributos [lang] têm um valor válido 7
Os elementos <video> contêm um elemento <track> com [kind="captions"] 10