Verificador de contraste WCAG
Razão de contraste WCAG 2.1 entre uma cor de primeiro plano e uma de fundo, com aprovado / reprovado nos limiares padrão de acessibilidade.
Texto de amostraA rápida raposa marrom salta sobre o cão preguiçoso.
Razão de contraste17.40:1
✓ AA GrandeTexto 18pt+ ou 14pt+ em negrito≥ 3.0:1
✓ AATexto normal abaixo de 18pt≥ 4.5:1
✓ AAA GrandeTexto grande, contraste aprimorado≥ 4.5:1
✓ AAATexto normal, contraste aprimorado≥ 7.0:1
O que é uma razão de contraste?
A razão de contraste WCAG 2.x mede a diferença em luminância relativa entre duas cores — essencialmente, quanto uma é mais brilhante que a outra considerando a percepção humana de brilho nos canais RGB (o verde contribui mais, o azul menos). As razões vão de 1:1 (idênticas) a 21:1 (preto puro sobre branco puro).
Limiares WCAG
- 3:1 (AA Grande) — mínimo para texto de 18pt ou mais, ou 14pt ou mais em negrito.
- 4.5:1 (AA) — mínimo para texto normal abaixo de 18pt. O limiar mais citado.
- 7:1 (AAA) — contraste aprimorado para texto normal. Aspiracional; exigido apenas em contextos governamentais e de alta acessibilidade.
Componentes de UI e objetos gráficos (ícones, bordas de formulário) exigem uma razão mínima de 3:1 contra cores adjacentes conforme WCAG 2.1 SC 1.4.11.