Teste a acessibilidade usando a guia de Acessibilidade

A guia Acessibilidade é onde você exibe a árvore de acessibilidade, os atributos ARIA e as propriedades de acessibilidade computadas dos nós DOM.

Para abrir a guia de Acessibilidade :

  1. 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ê clicou com o botão direito do mouse.

  2. Na Árvore DOM, clique no elemento que você deseja inspecionar. Você pode usar as teclas de direção para percorrer a árvore DOM.

  3. Clique na guia Acessibilidade , à direita da guia Estilos . Talvez seja necessário clicar primeiro no botão Mais guias (o botão Mais guias) à direita da guia Estilos .

A guia Acessibilidade, no painel da barra lateral da ferramenta Elementos

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 que são relevantes e úteis para exibir o conteúdo de uma página por meio de tecnologias adaptativas, como leitores de tela.

Inspecione a posição de um elemento na árvore de acessibilidade na guia Acessibilidade .

A seção Árvore de 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 adequadamente o conteúdo de uma página.

Exiba os atributos ARIA de um elemento na guia Acessibilidade .

A seção Atributos de ARIA

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 .

A seção 'Propriedades Computadas' da guia Acessibilidade

As propriedades de acessibilidade computadas são diferentes das propriedades CSS computadas. Para saber mais sobre como exibir propriedades CSS computadas, consulte Exibir apenas o CSS que é realmente aplicado a um elemento na referência de recursos 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 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.