Cores limitadas

O W3C-WAI fundamenta essa recomendação muito bem. Texto w3c-WAI completo é: "Assegurar a percepção do texto e dos elementos gráficos quando vistos sem cores.”

Nem todas as pessoas percebem facilmente as diferenças de cor, podendo ter dificuldades para entender as informações que são transmitidas somente através dela.  Você já ouviu falar em Deuteranopia e Tritanopia? Sobre daltonismo já deve ter lido em algum lugar... 

A título de exemplo, imagine dois botões em uma tela, ambos idênticos em termos de tamanho e forma. Um é verde, o outro vermelho. Dramatizando, digamos que o clique no botão vermelho destrói o computador do usuário. Se ele não puder distinguir entre as cores e não houver rótulos nos botões, não terá como fazer a escolha certa. Esse usuário talvez tenha o que chamamos cromodeficiência ou cegueira para cores.

Alguns usuários têm dificuldade de perceber as cores se eles trabalham com monitores de baixa qualidade ou monocromáticos - ou se são daltônicos.  O ambiente também influi na percepção das cores.

Do mesmo modo, é difícil ler um texto sobre um fundo cuja cor seja muito próxima do matiz ou sem contraste com a cor do texto. Algumas combinações de cores, tal como um texto vermelho sobre fundo verde, também são difíceis de diferenciar ou são cansativas. Por isso, não confie somente na cor para transmitir o significado. É essa a mensagem principal dessa recomendação do W3C.

DICAS 

• Complemente as informações fornecidas através da cor: utilize efeitos de estilo ou fontes diferenciadas - isso pode ser usado para realçar as diferenças nas informações.
• Acrescente rótulos ou símbolos em links gráficos ou botões para comunicar sua função.
• Os rótulos podem ser exibidos como um texto claramente associado ao link gráfico ou botão. O rótulo pode ser no formato de texto ou de um ícone ou símbolo exibido junto com o elemento gráfico. Também pode ser usado um texto Alt (texto alternativo) para associar um rótulo a um controle gráfico.
• Forneça títulos de links que façam sentido quando lidos fora do contexto: quando fornecer um grupo de links, não confie somente na cor para transmitir as informações sobre os links (por exemplo, "clique nos links vermelhos para editar este documento" seguido de uma lista de links, todos com a inscrição "clique aqui"). Títulos de links devem fazer sentido quando lidos fora do contexto, por exemplo, "Editar a ortografia", "Editar os estilos das fontes".

IDENTIFICANDO SITUAÇÕES DE RISCO

Quer saber como as pessoas com cromodeficiência vêem seu site? Imprima a página em uma impressora preto e branco - você terá uma boa indicação sobre como a página é vista sem cor.

Esse procedimento é conhecido dos designers gráficos: verificar o contraste do layout. Entretanto, não é um teste completo. Certos navegadores são configurados para não imprimir cores de fundo que podem estar por detrás do corpo principal do texto na página. Se você for uma pessoa detalhista, poderá verificar seu protótipo com um navegador monocromático e assim ver como a página seria vista sem cor e  então  constatar se somente a cor transmite a informação desejada.

Outra boa opção é utilizar o software gratuito Vischeck (faça o download): ele emula como uma página aparecerá para um usuário com cromodeficiência.

Utilizando estes recursos e seguindo as dicas, você estará caminhando para criar interfaces mais acessíveis, ampliando o seu público potencial e respeitando as diferenças.