Quando criamos uma página, damos a ela uma cor de fundo e a cor do texto. Muitos utilizam as cores padrão, fundo branco e texto preto, que aliás é a melhor combinação para leitura, mas não quer dizer que você não possa utilizar outras combinações ou que as seus experiêntos não serão acessíveis ou bonitos. O problema é que às vezes você quer forçar um estilo que não é legal, por mais que você consiga ler. apesar de ainda aberto para alterações, a W3C possui dois algorítimos em seu site para analizar se essa combinação oferece uma boa visibilidade: um para o brilho e outro para o contraste das cores.
Para cada cor devem ser aplicadas essas fórmulas:
Brilho =
[(vermelho x 299) + (verde x 587) + (azul x 114)] / 1000
Esse algotítimo usa a fórmula de conversão de RGB para YIQ que diz o brilho percebido para uma cor. Uma diferença maior que 125 é considerada ideal.
Contraste =
[máximo(vermelho 1 e vermelho 2) - mínimo(vermelho 1 e vermelho 2)] +
[máximo(verde 1 e verde 2) - mínimo(verde 1 e verde 2)] +
[máximo(azul 1 e azul 2) - mínimo(azul 1 e azul 2)]
No caso do contraste, a diferença ideal é de 500.
Assim, pelo menos, você sabe que o conteúdo é visível tornando sua página bem acessível. Utilize sempre que pintar uma dúvida, ou se preferir, sempre que criar ou modificar algum elemento com atributo de cor (body, table, td, th, hr).
Abraço!
Nenhum comentário:
Postar um comentário