Validador de Contraste WCAG
Verifique se as suas cores são acessíveis.
Verifique se as suas combinações de cores cumprem os rácios de contraste exigidos pelas WCAG 2.2.
Excelente — Cumpre AAA
Texto de exemplo grande
Subtítulo de amostra (24px)
Este é um texto de exemplo com tamanho normal (16px) para verificar a legibilidade desta combinação de cores segundo os critérios WCAG 2.2.
Texto pequeno (14px) — O contraste é especialmente importante em tamanhos reduzidos onde a legibilidade é mais comprometida.
Referência rápida WCAG 2.2
Por que é importante o contraste de cor?
O contraste de cor é o critério WCAG mais violado na web. De acordo com o relatório WebAIM Million de 2024, 83,6% das páginas iniciais têm pelo menos um erro de contraste. Isto afeta diretamente pessoas com baixa visão, daltonismo e utilizadores em ambientes com muita luz ambiente.
As WCAG 2.2 exigem um rácio de contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande (Nível AA). Para o Nível AAA, os rácios sobem para 7:1 e 4,5:1 respetivamente. O nosso validador calcula estes rácios instantaneamente e indica-lhe se as suas combinações de cores cumprem cada nível.
-
1
Rácio mínimo AA: 4,5:1 (texto normal) e 3:1 (texto grande, ≥18pt ou 14pt bold).
-
2
Rácio mínimo AAA: 7:1 (texto normal) e 4,5:1 (texto grande).
-
3
83,6% dos sites não cumprem critérios de contraste (WebAIM, 2024).
-
4
Ferramenta gratuita — sem registo, utilização ilimitada.
Por que usar este validador?
Verificação Instantânea
Introduza duas cores (hex, RGB ou nome) e obtenha o resultado instantaneamente.
Níveis AA e AAA
Indicamos se cumpre o nível legalmente exigido (AA) e o ótimo (AAA).
Para Designers e Devs
Ideal para validar paletas de cores antes de implementar e evitar correções posteriores.