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:
Acesse a URL que você deseja auditar.
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.
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:
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:
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:
Selecione um item no relatório. O item é expandido para mostrar mais informações:
Clique no link Aprender ... . A documentação sobre o problema é exibida:
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.