Ferramentas de Acessibilidade

Para auxiliar e facilitar o desenvolvimento de soluções acessíveis, foram elencadas abaixo ferramentas — inclusive algumas voltadas à conformidade com a NBR 17060:2022 — e instruções básicas de uso.

Testes Automatizados

• Google Accessibility Test Framework for Android
• Uso: instale via Gradle/Maven e invoque nos seus testes de instrumentação Android para gerar relatórios de violações.

• Link: github.com/google/Accessibility-Test-Framework-for-Android

• Pa11y

• Uso: npm install -g pa11y e rode pa11y https://seudominio.com para obter relatório JSON ou HTML.

• Link: github.com/pa11y/pa11y

• Tenon.io

• Uso: cadastre-se na API, envie requisições POST com URL ou HTML e receba feedback detalhado em JSON.

• Link: tenon.io

• AChecker

• Uso: acesse achecker.ca, cole sua URL, selecione “WCAG 2.2 + ABNT NBR 17060” e clique em “Check it”.
• Link: achecker.ca

Extensões de Navegador

• axe DevTools
• Uso: instale a extensão no Chrome/Firefox, abra o painel “axe” no DevTools e clique em “Scan all pages”.

• Link: github.com/dequelabs/axe-core

• Accessibility Insights for Web (Microsoft)

• Uso: instale a extensão, abra a guia “Accessibility Insights” no DevTools e execute “FastPass” ou “Assessment”.

• Link: accessibilityinsights.io

• WAVE – Web Accessibility Evaluation Tool

• Uso: instale o bookmarklet ou extensão, clique para sobrepor marcadores visuais na página.

• Link: wave.webaim.org

• Siteimprove Accessibility Checker

• Uso: extensão gratuita para Chrome; executa análise inline de problemas de contraste, ARIA e semântica.
• Link: siteimprove.com/accessibility

Linhas de Comando / CI

• Lighthouse CI
• Uso: instale npm install -g @lhci/cli, configure lhci autorun no seu pipeline para gerar relatórios de acessibilidade.
• Link: github.com/GoogleChrome/lighthouse-ci

Análise de Contraste

• Color Contrast Analyzer (TPGi)
• Uso: baixe o app desktop, aponte as cores de primeiro plano e fundo para obter relação de contraste e WCAG score.

• Link: tpgi.com/color-contrast-checker

• WebAIM Contrast Checker

• Uso: cole valores HEX das cores em fg/bg e confira se atendem a WCAG e NBR 17060 (3:1 para texto grande; 4.5:1 para texto normal).
• Link: webaim.org/resources/contrastchecker

Bookmarklet

• tota11y
• Uso: adicione o bookmarklet do projeto, abra-o em qualquer página para sobrepor painéis de verificação de acessibilidade.
• Link: khan.github.io/tota11y

Ferramentas da ABNT / Governo Federal

• eMAG Checker
• Uso: acesse emag.governoeletronico.gov.br, cole a URL do seu site, selecione “eMAG + NBR 17060” e execute a validação.

• Link: emag.governoeletronico.gov.br

• Validador ABNT (via Normas.com.br)

• Uso: consulte a norma NBR 17060:2022 em abntcatalogo.com.br e siga os requisitos; para automação, combine com AChecker (WCAG+ABNT).
• Link: abntcatalogo.com.br/norma/nbr-17060-2022

Leitores de Tela (Contexto de Teste)

• NVDA (Windows)
• Uso: baixe em nvaccess.org, instale e use TAB, setas e comandos NVDA+ para navegar e testar suas páginas.
• JAWS (Windows)
• Uso: adquira licença em freedomscientific.com, instale e teste com leitura de cabeçalhos, links e formulários.
• VoiceOver (macOS/iOS)
• Uso: ative com Cmd+F5, use os comandos VO+setas para navegar; útil para testar em Safari.
• TalkBack (Android)
• Uso: habilite em Configurações > Acessibilidade, use gestos de deslizar e tocar para testar navegação em apps móveis.