Como Testar Acessibilidade do Seu Site de Forma Simples [2026]

Você não precisa ser especialista em acessibilidade para identificar os principais problemas do seu site. Com 4 ferramentas gratuitas e um checklist de 10 itens, você consegue fazer uma auditoria inicial completa em menos de 30 minutos.

Por que Testar Acessibilidade?

Antes de falar das ferramentas, vale reforçar o contexto: 96,8% das páginas web têm pelo menos um erro de acessibilidade detectável automaticamente. A maioria desses erros são simples de corrigir quando identificados. O problema é que eles são invisíveis para quem não tem deficiência — por isso é necessário testar ativamente.

Além da inclusão, testar acessibilidade também melhora o SEO e reduz o risco de ações judiciais baseadas na Lei Brasileira de Inclusão.

Ferramenta 1: Google Lighthouse (Chrome DevTools)

O Lighthouse é a ferramenta de auditoria integrada ao Chrome e Edge. É o ponto de partida mais fácil.

Como usar:

1. Abra a página que quer testar no Chrome
2. Pressione F12 (ou Ctrl+Shift+I) para abrir DevTools
3. Clique na aba "Lighthouse"
4. Marque apenas "Acessibilidade" para uma análise focada
5. Clique em "Analyze page load"

O Lighthouse gera uma pontuação de 0 a 100 e lista cada problema com uma explicação e um link para como corrigir. Objetivo mínimo: 85+. Sites bem acessíveis ficam acima de 95.

Limitação: detecta apenas cerca de 30-40% dos possíveis problemas de acessibilidade automaticamente. O restante precisa de teste manual.

Ferramenta 2: axe DevTools

O axe detecta mais erros que o Lighthouse — especialmente erros de ARIA, formulários e componentes interativos.

Como instalar:

1. Instale a extensão "axe DevTools" no Chrome ou Firefox (gratuita)
2. Abra a página que quer testar
3. Abra DevTools (F12) → aba "axe DevTools"
4. Clique em "Analyze"

Os resultados são classificados por impacto (crítico, sério, moderado, menor). Comece pelos críticos e sérios.

Ferramenta 3: WAVE (WebAIM)

O WAVE é uma ferramenta online e extensão que exibe os problemas de acessibilidade visualmente sobre a página, com ícones coloridos indicando o tipo de erro. É especialmente útil para identificar problemas de contraste e estrutura de página.

Acesso: wave.webaim.org — cole a URL da sua página para analisar.

Ferramenta 4: Contrast Checker

Para verificar se suas cores de texto e fundo atendem ao WCAG 2.1, use o Contrast Checker da WebAIM: webaim.org/resources/contrastchecker.

Insira o hexadecimal da cor do texto e do fundo. A ferramenta calcula a proporção e indica se passa nos critérios AA e AAA.

Teste Manual: Navegação por Teclado

Nenhuma ferramenta automática substitui o teste manual. Reserve 10 minutos para navegar no seu site usando apenas o teclado:

1. Tab: move o foco para o próximo elemento interativo. Verifique se o foco é sempre visível.
2. Shift+Tab: move para o elemento anterior.
3. Enter/Espaço: ativa o elemento focado (botão, link).
4. Setas: navega dentro de componentes como menus dropdown.
5. Esc: fecha modais e menus.

Verifique se consegue acessar todos os links, botões e formulários apenas com o teclado. Se o foco "sumir" (indicador de foco invisível), isso é um erro crítico.

Teste com Leitor de Tela

Para uma validação mais próxima da experiência de usuários com deficiência visual:

Windows — NVDA (gratuito)

1. Baixe em nvaccess.org
2. Ative com Insert+Espaço
3. Navegue com setas para ler, Tab para elementos interativos
4. Use Insert+F7 para listar links e cabeçalhos

iOS/macOS — VoiceOver (nativo)

1. iOS: Ajustes → Acessibilidade → VoiceOver
2. Mac: Command+F5 para ativar
3. Navegue com swipe (iOS) ou setas+Control+Option (Mac)

Checklist de 10 Itens para Auditoria Rápida

1. Todas as imagens têm alt text descritivo?
2. Contraste de texto ≥ 4.5:1 em todo o site?
3. H1 único por página, hierarquia H2/H3 lógica?
4. Todos os links são descritivos (não "clique aqui")?
5. Formulários têm labels associados?
6. Existe link "Pular para o conteúdo" no início?
7. Foco de teclado visível em todos os elementos interativos?
8. Nenhum autoplay de áudio ou vídeo com som?
9. Idioma declarado no HTML (lang="pt-br")?
10. Existe player de áudio para artigos longos?

Para uma auditoria profissional e conformidade total com WCAG 2.1 AA, recomendamos contratar um especialista em acessibilidade. Mas esses 10 itens cobrem a maioria das barreiras que afetam usuários reais.