Verificador de Contraste de Cores (WCAG)
Verifique se um par de cores de primeiro plano e fundo atende aos padrões de acessibilidade WCAG AA e AAA. Essencial para criar interfaces acessíveis.
Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
—
WCAG AA — normal text (≥ 4.5:1)
—
WCAG AA — large text (≥ 3:1)
—
WCAG AAA — normal text (≥ 7:1)
—
WCAG AAA — large text (≥ 4.5:1)
—
Funcionalidades
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
Como Usar
1. Selecione uma cor de primeiro plano (cor do texto).
2. Selecione uma cor de fundo.
3. A proporção de contraste e o status de aprovação/reprovação WCAG AA/AAA aparecem em tempo real.
Perguntas Frequentes
What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.