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 é baseada em avaliações de impacto do usuário do eixo.

Cada auditoria de acessibilidade é aprovada ou reprovada. Ao contrário das auditorias de desempenho, uma página não recebe pontos por ser parcialmente aprovada 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 um 0 para a 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. Auditorias com mais peso têm um efeito maior na pontuação. Auditorias manuais não estão incluídas na tabela porque não afetam sua pontuação.

Auditar Peso
Os valores [accesskey] são exclusivos 7
Os atributos [aria-*] correspondem às funções deles 10
Os valores atribuídos a role="" são papéis ARIA válidos 1
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 um [role] ARIA que exigem que os filhos contenham um [role] específico têm todos os filhos obrigatórios 10
[role]s fazem parte do elemento pai obrigatório 10
Os valores [role] são válidos 7
Os 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 têm erros ortográficos 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> e elementos <script>, <template> ou <div> organizados corretamente. 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 exclusivos 7
Os IDs ARIA são exclusivos 10
Nenhum campo do 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 decrescente 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
Elementos de imagem não têm atributos [alt] que sejam texto redundante 1
Os botões de entrada têm texto compreensível 10
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 do formulário têm rótulos associados 7
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
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 7
Links de salto são focalizáveis 3
Nenhum elemento tem um valor de [tabindex] maior que 0 7
As tabelas têm conteúdo diferente no atributo de resumo e em <caption> 1
As tabelas usam <caption> em vez de células com o atributo [colspan] para indicar uma legenda 7
Elementos <td> em uma <table> grande têm um ou mais cabeçalhos de tabela 10
As células em um elemento <table> que usam o atributo [headers] se referem à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