letsreadnews.com / tools / verificador de contraste

Verificador de Contraste

Um texto tecnicamente visível nem sempre é genuinamente legível, especialmente para pessoas com baixa visão ou daltonismo. Esta ferramenta verifica quaisquer duas cores contra o padrão de acessibilidade WCAG.

Um pequeno jabuti xereta
viu dez cegonhas felizes. 0123456789
21.0
Taxa de contraste
AA · Texto normal
AA · Texto grande
AAA · Texto normal
AAA · Texto grande

Por que usar esta ferramenta?

Um texto tecnicamente visível nem sempre é genuinamente legível, especialmente para pessoas com baixa visão ou daltonismo. Esta ferramenta verifica quaisquer duas cores contra o padrão de acessibilidade WCAG.

Como funciona

  1. Digite ou escolha sua cor de texto e cor de fundo.
  2. Veja a taxa de contraste e os resultados de aprovação/reprovação para AA e AAA.
  3. Ajuste qualquer uma das cores até obter aprovação no nível que você precisa.

Perguntas frequentes

Qual a diferença entre AA e AAA?AA é o padrão que a maioria dos sites deve atender; AAA é um padrão mais rígido para conteúdo voltado a públicos com necessidades críticas de acessibilidade.
O que conta como 'texto grande'?WCAG define texto grande como 18pt (24px) ou maior, ou 14pt (18,5px) em negrito — texto grande tem um requisito de contraste menor.
Isso verifica daltonismo especificamente?Não, isso verifica o contraste de luminância conforme as diretrizes WCAG, o que ajuda de forma geral mas não é uma simulação completa de daltonismo.

Quer um verificador em massa para uma paleta inteira de uma vez?

Enviar feedback →