Acessibilidade
Abrangência das soluções
Daltonismo (preparo da palheta de cores de interfaces web para usuários com dificuldades de distinguir cores)
O daltonismo, ou discromatopsia, é a incapacidade de distinguir todas ou algumas cores, decorrente de distúrbios na visão. Sua incidência impede a distinção de nuances de vermelho e verde - e mesmo de subtons destas cores. Por isto é importante configurar os elementos mais importantes da interface web com cores adequadas para pessoas com esta deficiência visual.
As discromatopsias afetam mais os homens que as mulheres: 8% da população masculina mundial tem algum grau de daltonismo. Nos EUA, 7% dos homens apresentam algum grau dessa deficiência. Já as mulheres são menos afetadas: apenas 0,4% da população.
Há diversas formas de discromatopsia, sendo a mais rara a monocromacia, que afeta a percepção de apenas uma cor (a visão fica praticamente em preto e branco ou em tons de cinza) e a mais comum a tricromacia, que gera uma interpretação com desvios das cores e suas tonalidades.
O olho humano visualiza as cores através dos cones, células oculares que se diferenciam de acordo com a sensibilidade às cores vermelho, verde e azul. Quando os cones sensíveis ao vermelho não funcionam, causam a protanopia. Quando não distinguem o verde, causam a deuteranopia. E no caso do azul, causam a tritanopia, muito mais rara que as duas outras.
■ Para permitir a visualização do monitor adequada por estes usuários, os elementos da interface web devem ser ter contrastes bem definidos. Na medida em que o texto e o fundo têm saturações complementares, tornam-se visíveis independentemente da cor.
-> Um texto preto sobre fundo branco - embora não seja uma solução original, é uma das mais eficientes.
■ Barras de navegação, títulos, menus, podem ser mais coloridos que os textos, já que são elementos em que o leitor não fixa seu olhar muito tempo, mas é importante manter o contraste entre as informações e o fundo, para garantir a sua visibilidade por um grande número de usuários.
As soluções cromáticas dos elementos da interface web de funcionalidade mais importante devem ser redundantes, de forma que sua função possa ser reiterada por outros elementos de acessibilidade.
■ Independentemente da aplicação nos diversos elementos, é importante testar a visualização das páginas do site em preto e branco, com o monitor sem cores baseadas em RGB, para verificar os contrastes dos elementos e a legibilidade dos textos.
A rigor, as páginas devem poder ser usadas sem qualquer cor.
■ O uso de CSS para configurar as características de links e outros elementos da interface ajuda os usuários com deficiências visuais, pois permite que estes substituam as configurações do projeto (como as cores) por suas próprias configurações.
Assuntos relacionados
► As cores adequadas das imagens digitais: Os valores hexadecimais destas cores sempre incluem os valores: 00, 33, 66, CC e FF
► Projeto
de layout : Atividades relacionadas : Palheta de cores consistente
► Testes : Acessibilidade
► Textos : Atividades relacionadas : Atenção às especificidades de leitura da tela
Referências (Interface web)
► Color add (acesso em 9.11.2009)
► Color theory for the color-blind (Digital Web, acesso em 21.8.2005)
Mais informação sobre o assunto (links externos)
► Designing for the color blind, de David Sommers (CreativePro, acesso em 18.6.2009)
► First principles of interaction design, de Bruce Tognazzini
