Guia Completo WCAG 2.2 — 9 Novos Critérios e Como Implementar (2026)
🎯 O que é WCAG 2.2?
WCAG 2.2 foi publicado oficialmente em outubro de 2023. Adiciona 9 novos critérios ao WCAG 2.1, focando em acessibilidade móvel, acessibilidade cognitiva e melhorias na experiência do usuário.
Importante: WCAG 2.2 é compatível com versões anteriores. Se você está em conformidade com WCAG 2.1, você já está quase lá — mas precisa abordar os novos critérios.
WCAG 2.2 vs WCAG 2.1 — O que mudou?
| Característica | WCAG 2.1 | WCAG 2.2 |
|---|---|---|
| Total de critérios | 78 critérios | 87 critérios (+9) |
| Nível A | 30 critérios | 33 critérios (+3) |
| Nível AA | 20 critérios | 23 critérios (+3) |
Os 9 Novos Critérios WCAG 2.2
2.4.11 — Aparência do Foco AA
O indicador de foco do teclado deve ser altamente visível. Área mínima: perímetro de 2px do controle focado.
/* Aparência do foco conforme WCAG 2.4.11 */
:focus {
outline: 3px solid #3b82f6;
outline-offset: 2px;
}
2.5.8 — Tamanho do Alvo AA
Alvos de toque (botões, links) devem ter pelo menos 24x24 pixels CSS.
button, a, [role="button"] {
min-width: 24px;
min-height: 24px;
padding: 8px;
}
2.4.12 — Foco Não Obstruído AA
Elementos com foco não podem ser completamente ocultados por outros conteúdos (como cabeçalhos fixos).
html {
scroll-padding-top: 80px;
}
3.3.8 — Autenticação Acessível AA
Processos de autenticação não podem depender de testes de função cognitiva (memorizar senhas, resolver quebra-cabeças).
4.1.3 — Mensagens de Status AA
Mensagens de status devem ser anunciadas por leitores de tela sem exigir mudança de foco.
<div role="status" aria-live="polite">
{{ statusMessage }}
</div>
Prioridades de Implementação
Prioridade 1: Tamanho do Alvo (2.5.8)
Garanta que todos os alvos de toque tenham pelo menos 24x24px.
Prioridade 2: Aparência do Foco (2.4.11)
Torne o foco do teclado altamente visível.
Prioridade 3: Foco Não Obstruído (2.4.12)
Verifique se cabeçalhos fixos não escondem elementos focados.
Ferramentas de Acessibilidade Grátis
- Verificador ADA: Teste grátis →
- Verificador PDF: Verificar PDF →
- Teste de Teclado: Teste →
- Contraste de Cor: Verificar contraste →
👉 Todas as ferramentas: All 11 Free Tools →
❓ Perguntas Frequentes
🚀 Teste WCAG 2.2 Agora
Teste seu site gratuitamente. Sem cadastro.
Teste Grátis →Sem cadastro. 10 segundos. WCAG 2.1/2.2.
💬 Comments (0)