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 nas avaliações de impacto do usuário.

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 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. As auditorias com maior peso têm um efeito maior na sua pontuação. As auditorias manuais não estão incluídas na tabela porque não afetam sua pontuação.

Auditoria Peso
Os valores de [accesskey] são exclusivos 7
Os atributos [aria-*] correspondem às próprias funções 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 uma [role] ARIA que exigem que os filhos contenham uma [role] específica têm todos os filhos necessários 10
[role]s fazem parte do elemento pai obrigatório 10
Os valores de [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 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 ativos e focalizáveis são únicos 7
Os IDs ARIA são únicos 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 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
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 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
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 7
Os 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
Os 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 da 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