Testar a acessibilidade usando o Lighthouse

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

A ferramenta Lighthouse fornece links para 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. Vá para 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). O DevTools é aberto.

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

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

    A tela de configuração da ferramenta Lighthouse

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

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

    As opções de configuração a utilizar

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

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

    Um relatório do Lighthouse para a categoria Acessibilidade

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

    Um problema expandido em um relatório do Lighthouse

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

    Exibir a documentação de um problema

  8. Para retornar às opções de configuração, no DevTools, clique em Realizar 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 Creative Commons Atribuição 4.0 Internacional. A página original é encontrada aqui e é de autoria de Kayce Basques.

Licença Creative Commons Este trabalho está licenciado sob uma Licença Creative Commons Atribuição 4.0 Internacional.