Ferramentas para verificar o contraste
Last updated
Last updated
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.
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.
