Verificador de Contraste
Teste se o contraste entre texto e fundo cumpre os critérios internacionais de acessibilidade digital WCAG 2.1.
Exemplo de título principal
Este parágrafo demonstra como o texto simples é percebido no esquema de cores selecionado. Uma boa taxa de contraste evita cansaço visual e permite aos usuários ler com clareza em qualquer dispositivo.
Verificador de contraste de cores WCAG 2.1 (níveis AA e AAA)
O texto cinza claro sobre fundo branco ou um botão com baixo contraste não só prejudica pessoas com problemas de visão ou daltonismo, mas também o torna ilegível para qualquer usuário sob luz solar direta. As diretrizes internacionais de acessibilidade na web (WCAG) exigem taxas de contraste mínimas para cumprir a lei e garantir uma boa experiência do usuário.
Com este verificador você pode calcular a taxa exata de contraste entre a cor de fundo e a cor do texto. Veja instantaneamente se o seu design passa nos níveis AA e AAA para texto normal e grande e interaja com o botão de sugestão inteligente para ajustar automaticamente o tom, caso isso não aconteça.
Comparação antes e depois
Confira a diferença em tamanho de arquivo, qualidade visual e velocidade.
2.1:1 Ratio
Ilegível ao sol e não acessível (falha WCAG)
- •Rejeitado pelas auditorias de acessibilidade europeias e americanas.
- •Extrema dificuldade de leitura em telas móveis e externas.
- •Aumente a taxa de rejeição e abandono em formulários da web.
7.8:1 Ratio
Leitura cristalina em qualquer condição de luz
- ✓Excede em muito os níveis AA (4,5:1) e AAA (7:1).
- ✓Acessibilidade universal para pessoas com baixa acuidade visual.
- ✓Ajuste inteligente de cores com um clique.
Quando você precisará verificar o contraste
Auditorias de acessibilidade da Web e de aplicativos
Verifique se os botões, títulos e textos do seu site estão em conformidade com os regulamentos europeus e os padrões WCAG 2.1.
Formulários e mensagens de erro
Verifique se os avisos vermelhos, os botões desativados e os campos de texto estão claramente visíveis.
Guias de design e estilo do sistema
Defina os pares de cores oficiais da sua marca garantindo que todas as aplicações futuras sejam legíveis.
Perguntas frequentes sobre contraste WCAG
Para texto padrão (menos de 18 pt ou 14 pt em negrito), a proporção mínima exigida é 4,5:1. Para textos grandes ou títulos proeminentes, o mínimo é 3:1.
O nível AA é o padrão legal obrigatório na maioria das administrações e empresas públicas. O nível AAA é o padrão mais rigoroso (mínimo 7:1) recomendado para garantir a máxima acessibilidade.
Se uma cor não atender à proporção exigida, o algoritmo calcula o ajuste mínimo de brilho necessário para que ela atenda ao padrão sem alterar o tom da cor original.