Cor do texto
Cor de fundo
Contraste
8.42
- Aprovado
Texto pequeno
WCAG AA
- Aprovado
Texto grande
WCAG AA
- Aprovado
Texto pequeno
WCAG AAA
- Aprovado
Texto grande
WCAG AAA
Simulação de Daltonismo
Info:
Texto pequeno: abaixo de 18pt. Texto grande: 18pt+ ou negrito 14pt+.
Fundo claro
Citação n. 26
Georg Christoph Lichtenberg
Fundo escuro
Citação n. 26
Georg Christoph Lichtenberg
Texto pequeno
Texto grande
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
História da Taxa de Contraste
Entendendo os padrões WCAG e de acessibilidade
Padrões WCAG
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) foram desenvolvidas pelo World Wide Web Consortium (W3C) para tornar o conteúdo web mais acessível para pessoas com deficiências. Os requisitos de taxa de contraste foram introduzidos para garantir que o texto seja legível para usuários com deficiências visuais.
Desenvolvimento
WCAG 1.0 foi publicado em 1999, estabelecendo os primeiros requisitos de taxa de contraste. WCAG 2.0 (2008) refinou esses padrões com fórmulas mais precisas. WCAG 2.1 (2018) adicionou critérios de sucesso adicionais. A fórmula atual da taxa de contraste foi desenvolvida com base em pesquisas sobre percepção visual humana e ciência das cores.
Por que é Importante
Taxas de contraste adequadas garantem que o texto seja legível para todos, incluindo usuários com daltonismo, baixa visão ou aqueles que visualizam conteúdo sob luz solar forte. Isso torna a web mais inclusiva e acessível para milhões de usuários em todo o mundo.
A Fórmula
A taxa de contraste é calculada usando a luminância relativa das cores. Varia de 1:1 (sem contraste) a 21:1 (contraste máximo, como preto sobre branco). WCAG AA requer 4,5:1 para texto normal e 3:1 para texto grande. WCAG AAA requer 7:1 para texto normal e 4,5:1 para texto grande.