Concevoir AUSSI pour les daltoniens

Publié le 24 septembre 2009 par Usaddict

Il est une anomalie visuelle très peu prise en compte sur internet : le daltonisme. Au moment de la conception d'un site web, le développement oublie souvent que 8% des hommes sont daltoniens... soit presque 1 sur 10 ! Comment prendre en compte cette problématique dans la conception d'interface? A quels outils faire appel?

Le Daltonisme, en bref

Le daltonisme est une affection héréditaire de la vue qui empêche de discerner certaines couleurs, en particulier le rouge (protanomalie) et le vert (deutéranomalie, 8% de la population) (cf. du plus court au plus complet: france5, wikipedia fr & wikipedia en). Anopies et anomalies sont proches dans leur impact sur la perception des couleurs bien que les premières soient un peu plus sévères que les secondes. La perception de certaines couleurs étant partiellement ou totalement altérée, le spectre de couleurs parait moins nuancé alors que la majorité y verra de multiples couleurs et de multiples mots pour les différencier!

Toutefois, il convient de rester vigilant car les daltoniens n'ont que rarement des affections sévères et sont surtout fort habitués à leur propre référence en termes de perception des couleurs!

Quelques exemples des affections les plus sévères en comparaison avec la vision normale:


Vision normale

Deuteranopie (8% des hommes)

Protanopie (1% des hommes)

Tritanopie (proche de 0%)

Attention: le fond blanc devrait normalement être également impacté par l'affection.

Sur la base du graphisme "Chroma" - Jules Leclerc

Des outils pour la conception


Color oracle
Simulateur de daltonisme sur tout l'écran de l'ordinateur (il s'intègre dans la barre des tâches de Windows; il existe également pour Mac et Linux)
http://colororacle.cartography.ch/


CONTRAST-A-WEB V2.0
Application permettant des compositions de couleurs tout en vérifiant leurs compatibilités avec les normes de contraste, de lisibilité du référentiel WCAG 2.0.
http://contrast-a.dasplankton.com (version en ligne)
http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10763&marketplaceid=1 (version application air)


Vischeck
Plugin pour photoshop, très pratique, pour appliquer les affections les plus sévères aux images de votre choix.
http://www.vischeck.com/


ColorDoctor
Application simulant les diverses daltonismes en prenant en compte les niveaux de gris et les caractéristiques des couleurs
http://www.fujitsu.com/global/accessibility/assistance/cd/


ColorSchemeDesigner
Application en ligne dédiée d'abord à la recherche de nuance mais qui, comme beaucoup dans le même genre, propose de visualiser les variantes de daltonisme.
http://colorschemedesigner.com/


SimDaltonism
Application pour MacOsX, simulateur des variantes de daltonisme et équivalent en simulation à ColorOracle
http://michelf.com/projects/sim-daltonism/