Cor do Texto
Cor de Fundo
Rácio de Contraste
21 : 1
Excelente — Cumpre AAA
AA — Texto Normal Passa
AA — Texto Grande Passa
AAA — Texto Normal Passa
AAA — Texto Grande Passa
Referência rápida WCAG 2.2
Nível AA — Texto normal ≥ 4.5 : 1
Nível AA — Texto grande (≥18pt / 14pt bold) ≥ 3.0 : 1
Nível AAA — Texto normal ≥ 7.0 : 1
Nível AAA — Texto grande ≥ 4.5 : 1
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.
Perguntas frequentes
Tudo o que precisa saber
01
A regulamentação espanhola (RD 1112/2018) e europeia (EAA) exigem o Nível AA das WCAG, que requer um rácio de 4,5:1 para texto normal e 3:1 para texto grande (18pt regular ou 14pt bold). Cumprir estes rácios garante que os textos sejam legíveis para pessoas com baixa visão moderada.
02
As WCAG 2.2 (critério 1.4.11) exigem um rácio de 3:1 para componentes de interface não textuais: bordas de campos de formulário, ícones funcionais, gráficos informativos, etc. Apenas os elementos puramente decorativos estão isentos.
03
Este validador permite verificar combinações de duas cores. Para uma análise completa de toda a sua paleta corporativa, solicite uma auditoria de acessibilidade onde analisamos todas as combinações do seu design system.
