WCAG 2.1 · Contraste de cores

A cor tem contraste?

Escolha a cor do texto e do fundo para calcular a razão de contraste e ver se a combinação passa nos critérios de acessibilidade AA e AAA.

1.00:1
—
Pré-visualização
Texto grande (18pt+)
Texto normal (14–18pt) — clique para editar e testar seu próprio conteúdo com estas cores.

Botões e links

Escolha a cor de destaque usada em botões e links sobre o fundo definido acima. Testamos o texto do link (4.5:1 / 3:1) e o contorno ou preenchimento do botão como componente não textual (3:1, WCAG 1.4.11).

1.00:1
—

AA normal ≥ 4.5:1 AA grande ≥ 3:1 AAA normal ≥ 7:1 AAA grande ≥ 4.5:1 · texto grande = 18pt+ (ou 14pt+ em negrito) · componente não textual ≥ 3:1 (bordas e preenchimentos de botões)