Catégories
Blogs à lire
Archives
Blog
juil
4
Daltonisme dans la conception web
Catégorie: Ergonomie, Webmastering | 1 commentaire | 779 lectures
Un peu moins de 10 % des Français serait daltonien contre 0.5 % de femmes. Cette maladie héréditaire crée une confusion des couleurs. Un daltonien voit des nuances de jaune du côté des couleurs chaudes et des nuances de bleu du côté des couleurs froides. Les deux étant séparés par des teintes qu'il ne distingue pas à savoir des nuances de rouge et des nuances de vert. Il faut éviter l'association des deux couleurs: un texte rouge sur un fond vert et inversement. Lorsque la couleur a une fonction dans un texte, ce dernier doit s'accompagner d'un élément distinctif.
Prenons un exemple simple. Dans un tableau, vous indiquez une hausse de 6,09 % ou une baisse de 2,11 % le daltonien ne voit aucune différence entre les deux. Il faut ajouter un indice supplémentaire comme une icône (une flèche montante, descendante) ou un signe distinctif (un plus, un moins).
Un bon moyen de vérifier l'intensité des couleurs consiste à utiliser des niveaux de gris. C'est d'ailleurs une technique pour tester le contraste. On est parfois bien surpris du résultat. Sur l'exemple, le rouge et le vert se distinguent parfaitement pour une personne normale. L'image en niveaux de gris vous donne une idée du contraste perçu par un daltonien.
Il existe différents troubles de la perception de la couleur. Difficile de se rendre compte du résultat final des couleurs. Cependant, il existe des outils en ligne de simulation. Color Sheme Designer est très pratique. Choisissez une combinaison de couleurs, ensuite le menu Vision simulation (en haut à droite) offre différentes perceptions selon le trouble.
Les analyseurs de contrastes peuvent se révéler utiles, mais souffrent d'un certain nombre de défauts : ils n'interprètent pas toujours correctement les feuilles de style, ne tiennent pas compte des éventuelles images de fond, et surtout ne prennent pas en considération la taille et la graisse des caractères (le W3C non plus). C'est pourtant un point important: un caractère peu contrasté mais de grande taille, ou en gras, sera nettement plus lisible qu'un petit caractère de la même couleur.
Par ailleurs, les critères d'accessibilité du W3C pour les contrastes de couleur et de luminosité sont très (trop) sévères et les respecter limite grandement les choix du designer. J'essaie en général d'obtenir un contraste suffisant, mais sauf en cas de demande expresse d'un client (ce qui est très rare), je ne suis pas obnubilé par le respect de ces règles.