Verificador de contraste
Confira a acessibilidade de texto e fundo pela WCAG.
Design acessível para todas as pessoas.
Este parágrafo demonstra como um texto comum será percebido sobre a cor de fundo escolhida.
Os resultados seguem as proporções de contraste da WCAG. A aprovação de cores não substitui uma auditoria completa de acessibilidade.
🔒 Seus dados ficam no seu dispositivo. Nada é enviado a servidores.
Verificador de contraste: simples, rápido e privado
Um bom contraste torna textos, botões e interfaces mais fáceis de perceber. Escolha as cores do texto e do fundo para calcular a proporção e conferir os critérios de acessibilidade WCAG.
Como usar
- Informe as cores do texto e do fundo em HEX.
- Confira a proporção e os resultados para texto normal, texto grande e elementos de interface.
- Se necessário, use a sugestão automática de uma cor próxima que atenda ao nível AA.
Principais benefícios
- Calcula a proporção de contraste instantaneamente.
- Avalia os níveis WCAG AA e AAA.
- Mostra uma prévia real com texto, botão e cartão.
- Compara com preto e branco e sugere um ajuste acessível.
Dicas para um resultado melhor
- Para texto normal, procure uma proporção mínima de 4,5:1.
- Para texto grande e elementos gráficos, 3:1 atende ao nível AA.
- Não dependa somente da cor para comunicar estados ou informações importantes.
Privacidade por padrão
Esta ferramenta funciona sem cadastro e processa as informações no seu próprio navegador. A GTTO Solutions não recebe os conteúdos utilizados na ferramenta.
Perguntas frequentes
Qual contraste é recomendado pela WCAG?
No nível AA, textos comuns precisam de pelo menos 4,5:1. Textos grandes e componentes gráficos precisam de 3:1. O nível AAA exige 7:1 para texto comum e 4,5:1 para texto grande.
O que é considerado texto grande?
Em geral, texto com pelo menos 24 px em peso normal ou aproximadamente 18,7 px quando está em negrito. O tamanho real também depende da fonte e da apresentação.
A aprovação garante que toda a interface é acessível?
Não. Contraste é apenas um dos critérios. Estrutura semântica, teclado, foco, textos alternativos e outras necessidades também devem ser avaliados.