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. As mulheres são menos afetadas: 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 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 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 modo 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.

(Atualizado em 24.7.2009)