Testar acessibilidade usando o Lighthouse

Você pode usar o Lighthouse de dentro do DevTools para auditar a acessibilidade de uma página e gerar um relatório. Você pode usar a ferramenta Lighthouse para determinar:

• Se uma página está marcada corretamente para leitores de tela.

• Se os elementos de texto em uma página têm proporções de contraste suficientes usando o Seletor de Cores. Confira Testar contraste de cor de texto usando o Seletor de Cores.

A ferramenta Lighthouse fornece links para o conteúdo hospedado em sites de terceiros. A Microsoft não é responsável e não tem controle sobre o conteúdo desses sites e quaisquer dados que possam ser coletados.

Para auditar uma página usando a ferramenta Lighthouse:

1. Acesse a URL que você deseja auditar.

2. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Ou pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS). DevTools é aberto.

3. Em DevTools, na Barra de Atividades, selecione a guia Farol . Se essa guia não estiver visível, clique no botão Mais ferramentas ().

   As opções de configuração de ferramenta do Lighthouse são exibidas:

   

4. Defina as seguintes opções de configuração:

   • Para Modo, selecione Navegação.
   • Para Dispositivo, selecione Celular se você quiser simular um dispositivo móvel. Essa opção altera a cadeia de caracteres do agente de usuário e redimensiona o modo de exibição. Essa opção pode afetar os resultados da auditoria.
   • Na seção Categorias , selecione Acessibilidade e desmarque as outras categorias:

   

5. Clique no botão Analisar carga de página .

   Lighthouse analisa a página e, em seguida, DevTools exibe um relatório. O relatório mostra uma pontuação para a acessibilidade da página, de 100. O relatório também fornece dicas sobre como melhorar a acessibilidade da página:

   

6. Selecione um item no relatório. O item é expandido para mostrar mais informações:

   

7. Clique no link Aprender ... . A documentação sobre o problema é exibida:

   

8. Para retornar às opções de configuração, em DevTools, clique em Executar uma auditoria (+).

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Internacional de Atribuição do Creative Commons 4.0. A página original é encontrada aqui e é de autoria de Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.