Verificador de contraste WCAG
Verifique a razão de contraste entre duas cores e a conformidade WCAG AA / AAA.
🔒 100 % no cliente — nenhum dado enviado
Verificador de contraste WCAG para testar a razão entre uma cor de texto e seu fundo e validar acessibilidade AA e AAA. Perfeito para tornar suas interfaces legíveis para todos e em conformidade com as diretrizes WCAG. A razão é calculada inteiramente no seu navegador; nenhuma cor é transmitida.
FAQ
Qual razão de contraste é necessária para atender ao WCAG AA?
O nível AA exige uma razão de pelo menos 4,5:1 para texto normal e 3:1 para texto grande. A ferramenta mostra instantaneamente se suas cores passam.
Qual é a diferença entre os níveis AA e AAA?
AAA é mais rigoroso: exige 7:1 para texto normal e 4,5:1 para texto grande, contra 4,5:1 e 3:1 no AA. AAA busca acessibilidade máxima.
O que conta como 'texto grande' segundo o WCAG?
O texto é considerado grande a partir de 18 pt (24 px) regular, ou 14 pt (18,66 px) em negrito. Os limites de contraste são mais flexíveis nesse caso.
Como a razão de contraste é calculada?
Ela compara a luminância relativa das duas cores usando (L1 + 0.05) / (L2 + 0.05), gerando um valor entre 1:1 e 21:1. A ferramenta aplica essa fórmula oficial do W3C.