Ajuste de Contraste

Saber que um par de cores não passa é só metade da resposta. Este é o ajuste para a outra metade: informe um par que não passa e ele retorna a cor acessível mais próxima que passa. Um verificador de contraste indica que 3,1:1 não é suficiente e deixa você tentando tons até encontrar um que funcione — é assim que cores de marca mudam sem perceber. Este encontra a cor mais próxima que funciona. Ele ajusta só a luminosidade, nada mais, para que o matiz e a saturação continuem: o resultado é reconhecivelmente a cor que você escolheu, um pouco mais clara ou escura, e não uma cor diferente que só passou. Examina todos os níveis possíveis de luminosidade, sem parar na primeira opção, para uma alteração mínima necessária. Você escolhe qual cor pode ser alterada. Paletas de marca geralmente travam uma cor — o fundo da página ou a cor do texto do logo — e uma sugestão que altera a cor errada não adianta. Peça ajuste para o texto, o fundo, ou o que estiver mais perto. Inclui os quatro níveis WCAG: AA com 4,5:1 para texto normal, AA Grande com 3:1 para títulos de 18pt ou 14pt em negrito, e os níveis AAA mais rigorosos em 7:1 e 4,5:1. Tudo roda no seu navegador.