O contraste de cores é a diferença de luminância entre o texto e seu fundo. Um bom contraste garante legibilidade para todos os usuários, inclusive aqueles com deficiência visual.
Insira uma cor de texto e uma cor de fundo. A ferramenta calcula a taxa de contraste e informa se ela passa nos padrões WCAG AA (mínimo) ou AAA (aprimorado).
Frequently Asked Questions
Q: O que é WCAG?
O que é WCAG? WCAG (Diretrizes de Acessibilidade de Conteúdo da Web) é o padrão internacional para acessibilidade na web.
Q: Qual taxa de contraste é boa?
Qual taxa de contraste é boa? 4,5:1 para texto normal (AA), 3:1 para texto grande (AA), 7:1 para texto aprimorado (AAA).
Q: Qual nível WCAG devo atingir?
Qual nível WCAG devo atingir? Para sites padrão, segmente WCAG AA (4,5:1 para texto normal). Para projetos focados em acessibilidade ou sites governamentais, direcione WCAG AAA (7:1). Texto grande (18px + negrito) precisa de 3:1 ou 4,5:1.
Q: Esta ferramenta verifica daltonismo?
Esta ferramenta verifica daltonismo? Não, a taxa de contraste tem a ver com luminância, não com percepção de cores. Use nosso Simulador de daltonismo junto com o Verificador de contraste para testes abrangentes de acessibilidade.
Q: Como faço para corrigir uma taxa de contraste com falha?
Como faço para corrigir uma taxa de contraste com falha? Escureça a cor do texto, clareie a cor de fundo, aumente o tamanho da fonte ou deixe o texto em negrito. A ferramenta destaca quais níveis das WCAG são aprovados ou reprovados em tempo real.