O que é Contraste de Cores?
Contraste de cores é a diferença na luminância percebida entre o texto e seu fundo. As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) definem razões de contraste específicas para garantir que o texto seja legível para pessoas com diversas capacidades visuais, incluindo aquelas com baixa visão ou daltonismo.
Requisitos de Contraste WCAG
- AA Texto Normal: Razão de contraste mínima de 4.5:1 para texto menor que 18pt (ou 14pt negrito).
- AA Texto Grande: Razão de contraste mínima de 3:1 para texto de 18pt ou maior (ou 14pt negrito).
- AAA Texto Normal: Razão de contraste aprimorada de 7:1 para o mais alto nível de acessibilidade.
- AAA Texto Grande: Razão de contraste aprimorada de 4.5:1 para texto grande no mais alto nível de acessibilidade.
Perguntas Frequentes
Como a razão de contraste é calculada?
A razão é calculada usando a luminância relativa de cada cor. A fórmula é (L1 + 0,05) / (L2 + 0,05), onde L1 é a luminância da cor mais clara e L2 é a da mais escura. A luminância é derivada dos valores de canal sRGB linearizados.
Qual nível devo almejar?
A conformidade AA é o padrão mínimo e atende à maioria dos requisitos legais. AAA proporciona a melhor legibilidade para todos os usuários e é recomendado quando possível, especialmente para texto do corpo.