Verificador de Contraste de Cores
Verifique a taxa de contraste WCAG entre as cores do texto e do fundo.
Pré-visualização de texto grande
A pré-visualização de texto normal se parece com isto.
Sobre o Verificador de Contraste de Cores
Verifique se a combinação de cores do texto e do fundo atende aos requisitos de contraste de acessibilidade WCAG 2.1. AA é o padrão mínimo recomendado; AAA é o padrão avançado para melhor legibilidade.
O Que É Esta Ferramenta?
Verifique se uma combinação de cor de primeiro plano (texto) e cor de fundo atende aos padrões de contraste de acessibilidade WCAG 2.1. Obtenha instantaneamente a taxa de contraste e o resultado de aprovação/reprovação para os níveis AA e AAA.
Como Usar
- Escolha ou digite um valor hexadecimal para a cor de primeiro plano (texto).
- Escolha ou digite um valor hexadecimal para a cor de fundo.
- Confira a pré-visualização ao vivo e os resultados de aprovação/reprovação para cada nível WCAG.
Casos de Uso Comuns
- Verificar se as escolhas de cor de texto e fundo atendem às diretrizes de acessibilidade antes de lançar um design
- Escolher combinações de cores legíveis para botões, links e texto do corpo
- Auditar um site ou aplicativo existente quanto à conformidade de acessibilidade
Dicas e Truques
- AA (4,5:1) é o padrão mínimo que a maioria dos sites deve atender para texto normal.
- Textos grandes (18pt+ ou 14pt+ em negrito) têm uma taxa mínima exigida menor, pois são mais fáceis de ler com contraste reduzido.
Verifique a taxa de contraste WCAG entre as cores do texto e do fundo. Confirme a conformidade de acessibilidade AA/AAA instantaneamente, grátis e online.
verificador de contraste · contraste wcag · taxa de contraste de cores · verificador de acessibilidade · ferramenta online