Contraste WCAG AA vs AAA: qual nível você deve buscar?
A WCAG 2.2 define dois níveis de contraste de texto. AA é o nível citado pela maioria das leis e políticas de acessibilidade; AAA é um nível aprimorado para conteúdos que precisam ser legíveis pelo maior número possível de pessoas.
Os limites em resumo
| Conteúdo | AA (mínimo) | AAA (aprimorado) |
|---|---|---|
| Texto normal | 4,5:1 | 7:1 |
| Texto grande (≥ 24 px, ou ≥ 18,66 px em negrito) | 3:1 | 4,5:1 |
| Componentes de interface e gráficos (CS 1.4.11) | 3:1 | Sem nível AAA específico |
Os critérios de texto são o CS 1.4.3 Contraste (mínimo) para AA e o CS 1.4.6 Contraste (melhorado) para AAA. Logotipos, texto puramente decorativo e controles desativados estão isentos.
O que conta como “texto grande”?
A WCAG define texto grande como pelo menos 18 pontos em peso normal ou 14 pontos em negrito. Na web, 1 pt = 1,333 px, então isso equivale a cerca de 24 px normal ou 18,66 px em negrito. A maior parte do texto corrido (14–18 px) é texto normal e precisa do limite mais rigoroso.
Exemplos
Clique em qualquer exemplo para abri-lo no verificador.
Qual nível você deve buscar?
- Busque AA em tudo. As orientações da ADA nos EUA, a Section 508, a EN 301 549 e o Ato Europeu de Acessibilidade apontam para o nível AA da WCAG. Não atingir AA é um risco real de não conformidade.
- Use AAA para leituras longas. Artigos, documentação e conteúdos de governo e saúde se beneficiam de texto corrido em 7:1, especialmente para leitores mais velhos e pessoas com baixa visão.
- Não exija AAA no site inteiro. O próprio W3C observa que não é possível atingir AAA em todo o conteúdo. Trate-o como meta para o texto principal, não como um impedimento para usar as cores da marca em títulos grandes.
- Não esqueça o contraste não textual. Bordas de campos, indicadores de foco e ícones que transmitem significado precisam de 3:1 em relação às cores adjacentes, mesmo que o seu texto seja aprovado.
Verifique suas cores
Cole sua paleta no verificador de contraste de cores ContrastCheck para ver os resultados AA e AAA na hora. Se uma combinação não passar, ele sugere o ajuste de luminosidade mais próximo que é aprovado.