Glossário

O que é contraste WCAG (AA e AAA)

Contraste WCAG é a medida de diferença de luminância entre a cor do texto e a cor do fundo, definida pelas diretrizes de acessibilidade da web. É expresso como uma razão, de 1:1 (sem contraste) até 21:1 (preto sobre branco). Quanto maior a razão, mais legível o texto fica para todas as pessoas.

Como a razão de contraste é calculada

A razão compara a luminância relativa das duas cores pela fórmula (L1 + 0,05) dividido por (L2 + 0,05), em que L1 é a cor mais clara e L2 a mais escura. A luminância de cada cor leva em conta os canais vermelho, verde e azul com pesos diferentes, porque o olho humano é mais sensível ao verde. O resultado vai de 1:1, quando as duas cores são idênticas, até 21:1, o contraste máximo entre preto e branco. Não depende da matiz, apenas do brilho percebido.

O que muda entre os níveis AA e AAA

O nível AA, mínimo recomendado, exige razão de pelo menos 4,5:1 para texto normal e 3:1 para texto grande (a partir de 18 pontos, ou 14 em negrito). O nível AAA é mais rigoroso: pede 7:1 para texto normal e 4,5:1 para texto grande. Elementos de interface e ícones importantes seguem o mínimo de 3:1. Atingir AA já garante boa leitura para a maioria das pessoas, inclusive com baixa visão; AAA é o ideal quando a legibilidade é crítica.

Ferramentas relacionadas

Ferramentas relacionadas a Contraste WCAG

Fez um site com IA e quer que alguem cuide dele? Converse comigo - Ygor Andrade, Desenvolvedor e Especialista em Solucoes Web