Verificador de contraste WCAG
Verifique o contraste de cores segundo normas WCAG.
Texto de exemplo grande
Este é um texto de exemplo normal para verificar o contraste segundo a WCAG 2.1.
Texto pequeno para testar legibilidade em tamanhos menores.
Relação de contraste
7.00:1
AA Texto normal
Passa
mínimo 4.5:1
AAA Texto normal
Passa
mínimo 7:1
AA Texto grande
Passa
mínimo 3:1
AAA Texto grande
Passa
mínimo 4.5:1
Verificador de contraste WCAG: garanta acessibilidade das cores
O contraste adequado entre texto e fundo é um requisito fundamental de acessibilidade web. As diretrizes WCAG (Web Content Accessibility Guidelines) definem razões mínimas de contraste para garantir que o conteúdo seja legível para pessoas com deficiências visuais, incluindo as formas mais comuns de daltonismo e visão reduzida.
Nosso verificador calcula a razão de contraste entre duas cores e avalia a conformidade com os níveis WCAG AA (mínimo recomendado: 4,5:1 para texto normal, 3:1 para texto grande) e AAA (ideal: 7:1 para texto normal, 4,5:1 para texto grande). Mostra uma pré-visualização em tempo real de como texto e fundo ficam juntos.
A razão de contraste vai de 1:1 (sem contraste, cores idênticas) até 21:1 (máximo, preto sobre branco). A ferramenta é indispensável para designers e desenvolvedores que precisam garantir que seus sites cumpram as normas de acessibilidade, que em muitos países são obrigatórias legalmente para sites governamentais e de serviço público.
Perguntas frequentes
O que é a razão de contraste WCAG?
É uma medida numérica da diferença de luminosidade entre duas cores, expressa como X:1. Uma razão de 1:1 significa que as cores são idênticas (sem contraste), enquanto 21:1 é o máximo possível (preto sobre branco). É calculada usando a luminância relativa de cada cor segundo a fórmula do W3C.
Devo cumprir AA ou AAA?
O nível AA é o padrão recomendado e exigido legalmente em muitos contextos. AAA é o nível ideal mas mais difícil de alcançar em todos os casos. Para a maioria dos sites, cumprir AA é suficiente e obrigatório. AAA é recomendável especialmente para conteúdo governamental e de saúde.
O que é considerado "texto grande"?
Segundo WCAG, texto grande é aquele com tamanho de pelo menos 18pt (24px) ou 14pt (18,66px) em negrito. O texto grande tem requisitos de contraste menos rigorosos porque é inerentemente mais fácil de ler.