Verificador de acessibilidade

URL

As verificações são executadas em nosso servidor; buscamos a URL informada e não guardamos os resultados. This launches a metered browser audit. Stylesheets are allowed for computed accessibility checks; media and fonts are blocked. Automated checks catch only part of WCAG issues and never replace manual testing. Contadores anônimos de resultados por execução podem ser usados em pesquisas agregadas; URLs, domínios, IPs e identificadores nunca são incluídos, e nenhuma estatística é divulgada com menos de 100 execuções.

Comentários

Sobre esta ferramenta

Execute uma verificação WCAG 2.2 A/AA com axe-core em uma página renderizada no navegador, com a gravidade, os seletores afetados e orientações de correção.

Como usar: informe a URL de uma página pública e execute a auditoria no navegador com limite de uso. Comece pelas violações críticas e graves, mas analise todas as regras e todos os seletores afetados. Use o trecho de HTML, o resumo do erro e as orientações de correção específicas para localizar o componente. Teste novamente após corrigir e, depois, conclua as verificações manuais de teclado, leitor de tela, zoom, conteúdo e fluxos de tarefas.

Recursos

A execução no navegador usa regras do axe-core marcadas para os níveis A e AA da WCAG 2.2. O resultado é um relatório de violações de regras, não um certificado de conformidade.
Crítico, grave, moderado e leve são níveis de impacto do axe usados para priorizar a análise. O impacto não substitui o critério WCAG associado, o contexto do usuário nem a investigação de engenharia.
O navegador com limite de uso carrega a URL pública informada sem a sua sessão autenticada nem interações automatizadas. Estados ocultos, fluxos personalizados, escolhas de consentimento e componentes abertos posteriormente podem não ser avaliados.
Não. As verificações automatizadas detectam apenas parte das barreiras de acessibilidade. A conformidade com a WCAG também exige testes manuais de teclado, leitor de tela, conteúdo, foco, erros e fluxos de tarefas.

Como funciona

Limitações

O navegador com limite de uso carrega a URL pública informada sem a sua sessão autenticada nem interações automatizadas. Estados ocultos, fluxos personalizados, escolhas de consentimento e componentes abertos posteriormente podem não ser avaliados.
Não. As verificações automatizadas detectam apenas parte das barreiras de acessibilidade. A conformidade com a WCAG também exige testes manuais de teclado, leitor de tela, conteúdo, foco, erros e fluxos de tarefas.

Perguntas frequentes

Ser aprovado pelo axe significa que a página está em conformidade com a WCAG?

Não. Verificações automatizadas detectam apenas parte das barreiras de acessibilidade. A conformidade com a WCAG também exige testes manuais de teclado, leitor de tela, conteúdo, foco, erros e fluxos de tarefas.

Quais níveis da WCAG este teste verifica?

A execução no navegador usa regras do axe-core marcadas para WCAG 2.2 níveis A e AA. O resultado é um relatório de violações, não um certificado de conformidade.

Por que a auditoria pode não detectar uma janela de diálogo ou uma tela autenticada?

O navegador com limite de uso carrega a URL pública informada sem sua sessão autenticada nem interação programada. Estados ocultos, fluxos personalizados, escolhas de consentimento e componentes abertos depois podem não ser avaliados.

O que significa a gravidade de uma violação?

Critical, serious, moderate e minor são níveis de impacto do axe usados para priorizar a revisão. O impacto não substitui o critério WCAG associado, o contexto do usuário ou a investigação de engenharia.

Problemas comuns e como corrigi-los

Erro A imagem não tem uma alternativa de texto acessível Correção: Adicione um texto alternativo conciso que transmita a finalidade da imagem ou use alt="" quando ela for apenas decorativa.
Erro O controle de formulário não tem rótulo Correção: Associe um rótulo visível ao controle usando for/id ou forneça um nome acessível preciso com aria-label/aria-labelledby quando não houver um rótulo visível adequado.
Erro O botão não tem um nome acessível Correção: Dê ao botão um texto visível ou um nome acessível que descreva a ação, inclusive em controles que exibem apenas um ícone.
Erro O link não tem um nome acessível Correção: Dê ao link um texto significativo ou um nome acessível que identifique o destino, em vez de depender de um ícone sem rótulo.
Aviso Há níveis de título ignorados Correção: Reestruture os títulos em uma hierarquia lógica sem pular níveis apenas para alterar o tamanho; use CSS para definir a aparência.
Aviso O idioma do documento não foi definido Correção: Defina o atributo html lang do elemento raiz com a tag BCP 47 do idioma principal da página e marque os trechos que mudam de idioma.
Aviso Há identificadores de elementos duplicados Correção: Torne cada identificador único e atualize os rótulos, as referências ARIA, os fragmentos e os códigos que apontavam para o elemento renomeado.
Erro O contraste da cor do texto é insuficiente Correção: Ajuste as cores do primeiro plano ou do fundo até que a proporção medida atenda à WCAG AA para o tamanho e o estado do texto afetado.
Informação O comportamento do teclado exige verificação feita por uma pessoa Correção: Percorra todos os controles interativos com a tecla Tab, teste a ativação e a ordem do foco e corrija qualquer estado de foco inacessível, preso ou invisível antes da aprovação.