Agentes de IA
Árvore de acessibilidade
Também chamado: Accessibility tree
A árvore de acessibilidade é a versão simplificada de uma página que o navegador cria e que guarda o que importa para interagir: a função, o nome e o estado de elementos como botões, links e campos de formulário.
Em palavras simples
Leitores de tela e outras tecnologias assistivas a usam para descrever uma página para as pessoas.
O web.dev a chama de resumo semântico da página e diz que os agentes de IA a usam como um mapa que ignora o ruído visual do CSS.
Exemplo
No trecho abaixo, o atributo for liga o rótulo ao campo. A árvore de acessibilidade sabe então que esse campo se chama "Email address". Sem essa ligação, o campo fica sem nome.
<label for="email">Email address</label>
<input id="email" type="email">Por que importa para a busca com IA
O Google diz que agentes de navegador podem interpretar a árvore de acessibilidade para fazer suas tarefas.
Então uma boa acessibilidade agora também ajuda os agentes de IA a usar seu site.
O que você pode fazer
- Use elementos HTML semânticos como button, a, label, nav e main.
- Se precisar usar um div como botão, dê a ele role="button" e um tabindex, como o web.dev aconselha.
- Dê às imagens um texto alternativo útil e aos campos de formulário rótulos de verdade.
Muitas vezes confundido com
- O DOM
- O DOM é a estrutura completa da página. A árvore de acessibilidade é uma visão reduzida do que pode ser usado.
Fontes
- web.dev: Build agent-friendly websites
- Google Search Central: Optimizing your website for generative AI features on Google Search
Fatos e fontes verificados pela última vez em 19 de outubro de 2026.
Termos relacionados
Como sua página se sai na busca com IA?
O GEO-Score verifica uma página em 22 sinais, do acesso dos rastreadores de IA aos dados estruturados, e mostra o que corrigir primeiro.
Analisar uma página