Verificador de contraste de cor
Verifique o contraste de cor WCAG entre duas cores hex — aprovado/reprovado para os níveis AA e AAA.
Verifique a acessibilidade do contraste de cor WCAG
Insira uma cor de primeiro plano e uma cor de fundo em formato hex e a relação de contraste é calculada instantaneamente usando a fórmula de luminância relativa do WCAG 2.1. A ferramenta mostra aprovado ou reprovado para os quatro pontos de verificação de acessibilidade: AA e AAA para texto normal e texto grande ou componentes de interface. Use os seletores de cor para seleção visual, ou digite os valores diretamente.
WCAG define três níveis de conformidade. O nível AA é o requisito padrão para a maioria dos sites e exige uma relação de pelo menos 4.5:1 para texto normal e 3:1 para texto grande (18pt ou 14pt em negrito). O nível AAA é o padrão aprimorado, exigindo 7:1 e 4.5:1 respectivamente. A relação máxima possível é 21:1, obtida com preto sobre branco.
Perguntas frequentes
O que conta como texto grande? WCAG define texto grande como pelo menos 18pt (24px) de peso regular, ou 14pt (aproximadamente 18.67px) em negrito.
A transparência alfa é suportada? Não. A ferramenta trabalha com cores hex totalmente opacas. Para cores semitransparentes, componha a cor sobre o fundo primeiro.