Verificador de contraste WCAG
Verifique a razão de contraste entre cores de texto e fundo.
Sobre esta ferramenta
Meça o contraste entre texto e fundo conforme as diretrizes WCAG para manter a UI legível para mais usuários. Inclui prévia ao vivo e indicadores de aprovação AA/AAA.
O que você obtém
- Razão de contraste com prévia de texto ao vivo
- Aprovação/reprovação WCAG AA e AAA para texto normal e grande
- Inputs hex com recálculo instantâneo
Como usar
Escolha ou cole cores de primeiro plano e fundo e leia a razão e o resultado WCAG.
FAQ
Qual exigência de razão de contraste WCAG?
Texto normal precisa de pelo menos 4,5:1 para AA e 7:1 para AAA; texto grande tem limites menores. O verificador mostra aprovado/reprovado por nível.
Como verificar se cor de texto atende acessibilidade?
Informe cores hex de primeiro plano e fundo e leia a razão de contraste com prévia de texto ao vivo.
Qual diferença entre WCAG AA e AAA?
AAA exige contraste mais rigoroso para máxima legibilidade; AA é a linha de base legal e de design mais comum em interfaces.
Qual razão de contraste para texto pequeno?
Texto de corpo abaixo de ~18 pt regular (ou 14 pt bold) deve atingir a razão AA de 4,5:1 para texto normal.
Ao usar esta ferramenta você concorda com nossos Termos de uso e a Política de privacidade. Os resultados são fornecidos como estão, sem garantia.