Cores e contraste

Além da escolha adequada da fonte, pensar nas cores e no contraste que serão utilizados no material que está preparando para os alunos é muito importante. O baixo contraste pode afetar alunos de maneira geral, mas prejudicar mais ainda aqueles com alguma limitação – daltônicos, deficiência intelectual e baixa visão. Muitas vezes, escolhemos as cores por pura estética ou aleatoriamente, mas quando se pensa em material acessível, não podemos negligenciar esta escolha. Pensar em cores não é pensar somente nos daltônicos, que não detectam as cores verde e vermelho, mas pensar em todos os alunos. A leitura precisa acontecer de forma clara, sem esforço. O que seria baixo contraste? Analise esta comparação a seguir e perceba a diferença entre os diferentes tons (Figura 3):

Figura 3. Baixo, médio e alto contraste.

Analise agora estes exemplos:

No exemplo acima, o cinza sobre o cinza dificulta muito a leitura. Utilizando o mesmo exemplo acima e acertando o contraste, temos:

Não fica melhor e mais claro? Ao “bater o olho”, já é possível localizar a informação, ler sem muito esforço. E o que mais? Tons na mesma escala de cores ou mesmo de difícil leitura:

Prefira sempre alto contraste, de forma que todos possam compreender ser dificuldades:

Acima, foram substituídos o tom verde brilhante e a fonte em vermelho por um fundo azul escuro e fonte em branco. Alto contraste proporciona melhor visibilidade. Analise ainda outras comparações entre bons e maus contrastes para acessibilidade:

Na dúvida? Opte por combinações clássicas de bons exemplos de cores de plano de fundo e cores de texto:

BRANCO SOBRE PRETO Cores no plano de fundo e primeiro plano devem oferecer bom contraste para pessoas com baixa visão, deficiência intelectual, TEA, idosos e outros. BRANCO SOBRE AZUL Lembre-se: Pessoas daltônicastêm dificuldades com a percepção das cores vermelha everde.

PRETO SOBRE AMARELO Esta combinação também fica bem visualmente. PRETO SOBRE BRANCO Cores no plano de fundo e primeiro plano devem oferecer bom contraste para pessoas com baixa visão, deficiência intelectual, TEA, idosos e outros.

Outra prática muito comum, mas que deve ser evitada, é o uso de cores para passar alguma informação importante. Por exemplo:

Lista de produtos (os itens em vermelho não estão disponíveis): Produto 1

Produto 2

Produto 3 Produto 4 Produto 5

Neste exemplo, é preciso que o usuário consiga enxergar e distinguir cores para saber quais produtos estão indisponíveis. Uma solução para esse caso seria, além de utilizar a cor como diferencial, informar ao lado do produto que ele se encontra indisponível, dessa forma:

Descreva e use ícones no lugar onde a informação precisa estar em destaque (Figura 4).

Parece complexa a regra das cores? Na dúvida, siga três dicas:

1. Não confie em uma cor para passar informação importante. Utilize ícones e texto.

2. Garanta um bom contraste entre cores e elementos. Verifique o contraste entre os textos e a cor de fundo.

3. Evite elementos que piscam ou mudam de cores rapidamente.

Lista de produtos (os itens em vermelho não estão disponíveis): Produto 1

Produto 2 (indisponível) Produto 3 Produto 4 Produto 5 (indisponível)

Fonte: adaptado de BRAGA, 2015.

Figura 4. Dicas essenciais de contraste e cor.