Verificador de contraste WCAG
Confira o contraste de texto e fundo segundo os níveis AA e AAA das WCAG. Digite duas cores para ver o resultado.
Verificar um par de cores
Os cálculos funcionam no navegador. A verificação de cores não exige envio de arquivos.
O que esta página explica
Esta página explica o processo e leva diretamente à seção correspondente da ferramenta principal do Chromoforge.
- Escolha duas cores para conhecer a taxa de contraste antes de publicar.
- Veja ao mesmo tempo os resultados AA e AAA para texto normal e grande.
- Gere uma paleta completa a partir da cor base e confira suas combinações.
- Os cálculos são feitos localmente no navegador, sem conta nem servidor de processamento de cores.
Exemplo prático
Teste o texto e o fundo reais em conjunto. O nome da cor ou o número do tom não garante a legibilidade.
.button { background: #E24B4A; color: #111111; }
/* Contrast is a property of a pair, not of one color. */Qual é o requisito WCAG AA para contraste de texto?
No nível AA das WCAG 2.x, o texto normal precisa de 4,5:1 e o texto grande de 3:1, salvo as exceções previstas no critério. Avalie a combinação real de texto e fundo e os demais requisitos aplicáveis ao projeto.
Qual a diferença entre AA e AAA?
Para contraste de texto, o nível AAA pede 7:1 para texto normal e 4,5:1 para texto grande. Esses limites não certificam sozinhos a conformidade de uma página inteira.
A ferramenta oferece APCA?
Não. Este verificador calcula o contraste pela fórmula de luminância relativa das WCAG 2.x e não apresenta resultados APCA.