Ferramentas para verificar o contraste

ACCESSIBLE COLORS

ACCESSIBLE COLORS avalia a combinação de cores usando as directrizes WCAG 2.0 para acessibilidade de contraste. Se a combinação não atender às diretrizes, a ferramenra encontra a combinação mais próxima e acessível, modificando a claridade da cor.

WebAIM

Verificador de contraste

Explicação

Insira uma cor de primeiro e segundo plano no formato RGB hexadecimal (por exemplo, #FD3 ou #F7DA39) ou escolha uma cor usando o selector de cores. O controle deslizante Luminosidade pode ser usado para ajustar a cor selecionada.

• WCAG 2.0 nível AA requer uma taxa de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande.

• As WCAG 2.1 requerem uma taxa de contraste de pelo menos 3:1 para componentes gráficos e de interface do usuário (como bordas de entrada de formulário).

• WCAG Nível AAA requer uma taxa de contraste de pelo menos 7:1 para texto normal e 4,5:1 para texto grande.

O texto grande é definido como 14 pontos (normalmente 18,66px) e negrito ou maior, ou 18 pontos (normalmente 24px) ou maior.