Ferramenta 07

Contraste de cores

Teste a combinação de texto e fundo pelos critérios da WCAG. Quando reprova, a ferramenta sugere o ajuste mínimo de luminosidade que faz passar.

cor do texto hex do texto cor do fundo hex do fundo

Texto grande, 24px ou 18,5px em negrito

Texto normal em tamanho de leitura, com uma linha suficientemente longa para julgar a legibilidade real da combinação.

elemento de interface

Sobre esta ferramenta

A WCAG 2.1 exige razão de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande no nível AA. No nível AAA os limites sobem para 7:1 e 4,5:1. Componentes de interface e elementos gráficos precisam de 3:1 (critério 1.4.11).

Texto grande, na definição da norma, é a partir de 18pt (cerca de 24px) ou 14pt (cerca de 18,5px) em negrito.

A razão é calculada sobre a luminância relativa de cada cor, conforme a fórmula da própria WCAG. Vale saber que essa fórmula tem limitações conhecidas — ela subestima problemas em texto claro sobre fundo escuro. O critério é o que a norma exige hoje; passar nele é necessário, não suficiente para boa legibilidade.