Testar acessibilidade usando a guia Acessibilidade
A guia Acessibilidade é onde você exibe a árvore de acessibilidade, os atributos ARIA e as propriedades de acessibilidade computadas dos nós do DOM.
Para abrir a guia Acessibilidade :
Em uma página da Web renderizada, clique com o botão direito do mouse em um elemento e selecione Inspecionar.
O DevTools é aberto, com a ferramenta Elementos selecionada. A árvore DOM é aberta para mostrar o elemento que você clica com o botão direito do mouse.
Na Árvore do DOM, clique no elemento que você deseja inspecionar. Você pode usar as teclas de seta para se mover pela árvore DOM.
Clique na guia Acessibilidade à direita da guia Estilos . Talvez você precise primeiro clicar nas guias Mais (
) à direita da guia Estilos .
Exibir a posição de um elemento na árvore de acessibilidade
A árvore de acessibilidade é um subconjunto da árvore DOM. A árvore de acessibilidade contém apenas elementos da árvore DOM relevantes e úteis para exibir o conteúdo de uma página por meio de tecnologias assistivas, como leitores de tela.
Inspecione a posição de um elemento na árvore de acessibilidade na guia Acessibilidade .
Exibir os atributos ARIA de um elemento
Os atributos ARIA garantem que tecnologias assistivas, como leitores de tela, tenham todas as informações necessárias para representar corretamente o conteúdo de uma página.
Exiba os atributos ARIA de um elemento na guia Acessibilidade .
Exibir as propriedades de acessibilidade computadas de um elemento
Algumas propriedades de acessibilidade são calculadas dinamicamente pelo navegador. Essas propriedades são exibidas na seção Propriedades Computadas da guia Acessibilidade .
Exiba as propriedades de acessibilidade computadas de um elemento na guia Acessibilidade .
As propriedades de acessibilidade computadas são diferentes das propriedades CSS computadas. Para saber mais sobre como exibir propriedades CSS computadas, confira Exibir apenas o CSS que é realmente aplicado a um elemento na referência de recursos do CSS.
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.