DESIGN

Verificador de Contraste WCAG — Acessibilidade de Cores

Garantir que texto seja legível para todos os usuários — incluindo pessoas com baixa visão ou daltonismo — é uma responsabilidade de todo designer e desenvolvedor web. O Verificador de Contraste WCAG analisa suas combinações de cores e indica se estão em conformidade com os padrões internacionais.

O que é WCAG?

WCAG (Web Content Accessibility Guidelines) é o padrão internacional de acessibilidade digital mantido pelo W3C. A versão 2.1 define três níveis:

  • Nível A: Requisito mínimo
  • Nível AA: Exigido pela maioria das legislações de acessibilidade
  • Nível AAA: Máxima acessibilidade

Requisitos de contraste mínimo

Para texto normal, a WCAG 2.1 AA exige razão de contraste mínima de 4.5:1. Para texto grande (18pt ou 14pt negrito), o mínimo é 3:1. Nossa ferramenta calcula automaticamente esses valores.

Por que isso importa no Brasil

A Lei Brasileira de Inclusão (LBI) e normas como a eMAG exigem que sites governamentais e de grande porte sejam acessíveis. Manter bom contraste é um dos requisitos mais básicos e impactantes.

Verifique suas cores: Verificador de Contraste WCAG

Perguntas Frequentes

Meu site precisa seguir WCAG?

Sites governamentais e de grande audiência no Brasil são obrigados pela LBI. Mesmo para os demais, seguir WCAG é boa prática e melhora a experiência para todos os usuários.

A ferramenta verifica apenas texto?

O verificador foca em texto sobre fundo, que é o requisito WCAG mais comum. Elementos gráficos têm requisito de 3:1.

O que fazer se minha paleta não passa?

Ajuste levemente o brilho ou saturação das cores. Pequenas mudanças muitas vezes são suficientes para atingir a conformidade sem mudar a identidade visual.