Ferramenta 07

Contraste de cores

Teste a combinação de texto e fundo pelos critérios da WCAG. Quando o texto reprova, a ferramenta procura a menor variação de luminosidade que atinge o nível AA.

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 no nível AA (critério 1.4.11). Esse critério não possui classificação AAA.

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. O critério é o que a norma exige hoje; passar nele é necessário, não suficiente para boa legibilidade.