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 axe.

Cada auditoria de acessibilidade foi aprovada ou reprovada. Ao contrário das auditorias de desempenho, 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 de 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 mais ponderadas têm um efeito maior na sua pontuação. Auditorias manuais não estão incluídas na tabela porque não afetam sua pontuação.

Auditoria Peso
Os valores [accesskey] são exclusivos 7
Os atributos [aria-*] correspondem às próprias funções 10
Os valores atribuídos a role="" são funções ARIA válidas 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 obrigatórios 10
Os [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 contêm erros de ortografia 10
Os botões têm um nome acessível 10
A página contém um cabeçalho, um link para pular 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 os grupos <dt> e <dd>, elementos <script>, <template> ou <div> organizados corretamente 7
Os itens da lista de definição sã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 códigos ARIA são exclusivos 10
Nenhum campo de formulário tem vários marcadores 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 de 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
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 marcador associados 7
Os links ignorados 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 um <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 a células dentro da mesma tabela 7
Os elementos <th> e os elementos com [role="columnheader"/"rowheader"] têm as 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