Bookmarklet de DOM em direto

Analise qualquer página renderizada a partir do seu próprio navegador — incluindo sítios autenticados e com muita JavaScript que o scanner do servidor não consegue alcançar.

Como funciona: O bookmarklet executa-se como uma única linha de JavaScript no separador onde for ativado. Por correr depois de a página estar totalmente renderizada e os scripts hidratados, consegue ver o que o scanner do servidor não vê: o indicador de foco efetivamente computado, o contraste real do texto contra o fundo renderizado, as dimensões reais dos alvos tácteis e conteúdos que só aparecem após autenticação. Os resultados são codificados num fragmento de URL e abertos num novo separador — nunca passam pelos nossos servidores.

1. Instalar o bookmarklet

Arraste o botão azul abaixo para a barra de favoritos. (Se a barra de favoritos estiver oculta, pressione Ctrl/Cmd+Shift+B primeiro para a mostrar.)

↗ Análise AccessibilityRef

Arraste (não clique) o botão acima para a barra de favoritos.

Instalação manual (se o arrastar-largar estiver desativado no seu navegador)
  1. Clique com o botão direito do rato no botão acima e escolha «Copiar endereço da ligação».
  2. Clique com o botão direito na barra de favoritos e escolha «Adicionar página» / «Adicionar marcador».
  3. Cole a ligação copiada no campo URL, atribua um nome qualquer e guarde.

2. Verifique que funciona nesta página

Clique no botão abaixo para executar a mesma análise contra a página que está a ler agora. Isto contorna o redirecionamento e mostra o resultado nesta mesma página — útil para confirmar que o motor está a ler corretamente o seu DOM em direto antes de o usar em sítios de terceiros.

3. O que é testado

Oito verificações, cada uma centrada em algo que o scanner do servidor não consegue ver com fiabilidade. Tudo corre do lado do cliente; nenhum dado sai do seu navegador.

  • Cabeçalho H1 presente (renderizado)
  • Ligação «saltar para o conteúdo»
  • Texto alternativo das imagens
  • Indicador de foco em botões / ligações / campos renderizados
  • Nomes acessíveis dos campos de formulário
  • Dimensão dos alvos 24×24 (computada)
  • Contraste do texto sobre o fundo renderizado
  • Preferência de movimento reduzido respeitada

Privacidade

O bookmarklet é apenas de leitura — nunca modifica a página que analisa. Os resultados são codificados num fragmento de URL (a parte do URL depois do #) e abertos num novo separador no AccessibilityRef. Os fragmentos de URL não são enviados aos servidores Web, pelo que os dados do resultado nunca saem do seu computador a não ser que opte por descarregar ou partilhar.

Important Legal Disclaimer

This tool is a self-assessment aid only and does not constitute legal advice or a formally certified compliance assessment. Outputs — including reports, scores, checklists, and accessibility statements — are for internal use and should be reviewed by a qualified legal representative or independent accessibility auditor before being relied upon for regulatory, procurement, or public-disclosure purposes. All assessment risk lies with the internal assessor. accessibilityref, its developers, and staff accept zero liability for losses arising from use of or reliance on these outputs. Always verify against official sources: the W3C WCAG 2.2 Recommendation, the European Accessibility Act (Directive 2019/882), and your national enforcement authority.