Veja o que a IA e o Google realmente enxergam no seu site

Cola a URL e a ferramenta captura a árvore de acessibilidade real do seu site — a mesma estrutura que agentes de IA e leitores de tela usam pra navegar — e te dá um score, os problemas priorizados, o passo a passo de correção com exemplo de código para cada um e o que some quando o JavaScript é desligado. Em português, sem cadastro.

🧭

Cola uma URL pra ver a árvore de acessibilidade que um agente enxerga.

Captura via browser real, com CDP puro — não é a versão filtrada que a maioria das ferramentas mostra.

O que é a árvore de acessibilidade

A árvore de acessibilidade é a representação estruturada que o navegador constrói a partir do HTML pra expor a leitores de tela, testes automatizados e agentes de software — não o código-fonte, e não a árvore de acessibilidade filtrada que a maioria das ferramentas mostra (que já esconde os nós marcados como irrelevantes).

Esta ferramenta usa Accessibility.getFullAXTreevia CDP — o protocolo que o Chrome DevTools usa por baixo — pra capturar a árvore crua, com ignored eignoredReasons visíveis em cada nó. É a mesma informação que uma auditoria séria de acessibilidade usaria.

Por que isso importa pra agentes de IA

Agentes que navegam páginas programaticamente — pra preencher formulário, comparar preço, extrair informação — tendem a usar a árvore de acessibilidade em vez de interpretar pixels, porque é mais barato e mais confiável. Uma página com landmarks claros, headings em ordem e nomes acessíveis em cada botão é mais fácil de operar tanto por um leitor de tela quanto por um agente.

O inverso também é verdade: <div>genérico sem role, botão sem nome e conteúdo que só aparece depois de JavaScript rodar não são só problemas de inclusão — são fricção real pra qualquer coisa que não seja um humano com mouse e visão.

Perguntas frequentes

A árvore de acessibilidade é a mesma coisa que o HTML?

Não. O HTML é o código-fonte; a árvore de acessibilidade é a interpretação que o navegador faz dele para expor a leitores de tela e a agentes automatizados — roles, nomes acessíveis e hierarquia, com nós marcados como "ignorados" quando são só decoração. Duas páginas com HTML parecido podem gerar árvores bem diferentes dependendo de como usam (ou não) elementos e atributos semânticos.

Por que isso importa para agentes de IA, e não só para leitores de tela?

Um agente que navega uma página programaticamente (Operator, browser-use, e afins) tende a usar a mesma estrutura que um leitor de tela usa, porque é mais barata e mais confiável do que interpretar pixels. Uma página cheia de <div> genéricos sem role, sem landmarks e com botões sem nome é literalmente mais difícil de operar por um agente — não é só uma questão de inclusão, é usabilidade para máquina.

Por que meu score aqui é diferente do Lighthouse ou do axe?

Ferramentas como Lighthouse e axe auditam um conjunto amplo de regras WCAG automatizáveis a partir do DOM. Esta ferramenta foca especificamente no que chega na árvore de acessibilidade via CDP (Accessibility.getFullAXTree) — o que um agente ou leitor de tela efetivamente recebe como estrutura navegável. São lentes diferentes sobre o mesmo problema; nenhuma substitui a outra.

Essa ferramenta substitui um teste com leitor de tela real?

Não. É um diagnóstico automatizado rápido que pega os problemas estruturais mais comuns — falta de landmark, heading fora de ordem, botão sem nome, div soup. Teste manual com NVDA, VoiceOver ou JAWS continua sendo o critério final para qualquer avaliação séria de acessibilidade.

Por que desligar o JavaScript muda o resultado?

Muitos sites renderizam conteúdo — inclusive landmarks, headings e botões — só depois que o JavaScript roda. Se um agente (ou um crawler) não executa JS, ou executa com timeout curto, ele vê uma árvore bem mais pobre do que a que aparece no navegador do desenvolvedor. A comparação com JS desligado mostra exatamente o que depende de script pra existir.

Vocês guardam a URL que eu auditei?

O resultado fica em cache por até 12 horas (só a URL, o modo e o snapshot capturado) pra evitar recapturar a mesma página repetidamente — é o que mantém a ferramenta gratuita. Não há venda de dados nem rastreamento além disso.