Hierarquia Visual
A rápida raposa marrom salta sobre o cão preguiçoso. A legibilidade é essencial.
Verifique taxas de contraste de cores instantaneamente e valide a conformidade com WCAG 2.1. Cole duas cores para ver se elas passam nos padrões AA ou AAA para texto normal, texto grande e componentes de interface. Obtenha sugestões de correção automática quando suas cores não atenderem aos requisitos de acessibilidade.
Teste contra os padrões AA (4,5:1 para texto normal, 3:1 para texto grande) e AAA (7:1 / 4,5:1). Veja o status de aprovação/reprovação rapidamente.
Quando o contraste falhar, receba sugestões de ajuste de cor que mantenham sua intenção de design enquanto atendem aos padrões de acessibilidade.
Veja como seu texto realmente se parece sobre a cor de fundo. Visualize texto normal, texto grande e elementos de interface em tempo real.
Insira cores como HEX, RGB ou HSL. O verificador lida com a conversão automaticamente para que você possa trabalhar no formato de sua preferência.
Para WCAG AA: texto normal precisa de pelo menos 4,5:1, texto grande (18pt ou 14pt em negrito) precisa de pelo menos 3:1, e componentes de interface não textuais precisam de pelo menos 3:1.
AAA é um padrão mais rigoroso: 7:1 para texto normal e 4,5:1 para texto grande. A maioria dos sistemas de design visa AA como mínimo, com AAA como meta aspiracional.
Não. WCAG 2.1 também exige contraste de 3:1 para componentes de interface (botões, bordas de campos, ícones) e objetos gráficos que transmitem significado.
Cerca de 8% dos homens e 0,5% das mulheres têm algum tipo de deficiência na visão de cores. Um bom contraste garante que seu conteúdo seja legível para todos, incluindo pessoas com baixa visão, sob luz solar intensa ou em telas de baixa qualidade.