Verificar contraste de cores

Verificar contraste de cores: usos e orientações práticas

Digite duas cores HEX opacas de três ou seis dígitos, com ou sem cerquilha. A relação usa a luminância relativa sRGB e não depende do tamanho da amostra. AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1, respectivamente. Texto grande tem pelo menos 24 pixels CSS, ou aproximadamente 18,67 pixels em negrito. Os limites são comparados antes de arredondar o número exibido. A verificação cobre um par uniforme: não avalia transparências, fotografias, gradientes, estados interativos ou a acessibilidade completa da página. Se o fundo real mudar, repita o teste usando as cores efetivas. Guarde os dois códigos junto com o resultado.

Verificar contraste de cores. Comece pelo exemplo e observe a relação entre entrada e saída antes de colar um documento completo. O exemplo é pequeno para permitir a conferência sem outro aplicativo. Depois substitua os dados por uma amostra representativa do seu caso e ajuste as opções. O botão principal executa a operação; carregar o exemplo apenas preenche os controles. Se você modificar qualquer entrada depois do cálculo, o resultado anterior ficará oculto para evitar copiar uma versão que já não corresponde aos dados. Execute novamente depois de cada alteração. Limpar restaura os valores iniciais e descarta o resultado da página. Copiar coloca o texto nos dados da área de transferência quando o navegador permite. Baixar cria o arquivo somente quando você solicita expressamente; calcular não inicia downloads. Guarde uma cópia separada da entrada caso precise repetir o trabalho depois, pois o formulário não é um arquivo de projetos nem mantém histórico de operações. Para comparar testes, salve cada resultado com um nome que descreva as opções utilizadas e confirme qual arquivo está aberto.

Verificar contraste de cores. Confira uma amostra curta cujo resultado seja previsível e outro caso com os detalhes importantes para seu trabalho. Examine o começo e o fim da saída: uma cópia aparentemente correta pode pertencer a dados anteriores caso você tenha salvo várias versões fora da página. Se surgir erro, reduza a amostra até localizar o dado problemático e confira os limites indicados. Não elimine informações apenas para remover um aviso: verifique primeiro se a operação escolhida corresponde ao seu objetivo. Antes de usar um arquivo em outro programa, abra e confira caracteres, estrutura e valores. O arquivo contém o resultado, não as configurações do formulário. Para explicar como foi obtido, guarde também os dados de entrada e as opções utilizadas.

Uma verificação prática antes de usar o resultado

Verificar contraste de cores. Confira a relação de contraste entre texto e fundo e os limites AA e AAA da WCAG. Confira o resultado antes de copiar ou baixar.