L'accessibilité des sites Internet passe aussi par les couleurs

Si l'on explore le sujet de l'accessibilité des sites Internet, qui commence à faire partie des services rendus, on s'apperçoit que le développement et l'alimentation des sites doit prendre aussi des précautions pour l'accessibilité par des populations qui ne sont pas forcément recensées comme souffrant de handicap.
C'est le cas de 8% des hommes et de 0,45% des  femmes de la population française qui seraient daltoniens.
Pour adapter l'ergonomie d'un site Web à leurs besoins, des règles spécifiques de développement et de gestion du contenu s'imposent au niveau de l'utilisation des couleurs.
Comme il existe de nombreuses formes de daltonisme : rouge-vert, vert-brun,... il est impossible d'éviter de mettre sur un site toutes les couleurs qui pourraient être mal perçues.
Pour essayer de rendre les pages lisibles par tous, en premier lieu il convient de penser à utiliser un contraste élevé entre les couleurs de l'arrière plan et celles utilisées pour le contenu.
Plusieurs possibilités pour évaluer le résultat :

• afficher la page en niveaux de gris, pour évaluer l'intensité du contraste.
• utiliser des outils de test de conformité en ligne :
  • Snook Color Contratst Checker qui permet d'indiquer si la différence de contraste entre les couleurs est conforme aux critères WCAG 2, à l'aide d'un outil en ligne d'aide au choix des couleurs d'arrière et d'avant-plan.
  • ColorSchemeDesigner permet de simuler la vision d'une palette de couleurs pour les différentes formes de daltonisme grâce à l'outil "vision simulation" et d'exporter les résultats (HMTL-CSS, XML, palettes GIMP et PhotoShop,...)
• utiliser un logiciel de test sur la plate forme de développement comme Colour Contrast Analyser - logiciel à télécharger.

En plus de faire attention aux couleurs employées, il est conseillé de donner le moins de sens possible à la couleur ou de compléter par d'autres techniques le fait que le message peut ne pas passer vers toutes les cibles d'internautes.
Par exemple :

• Distinguer les liens du texte normal en les soulignant,
• Ne pas conditionner les actions de l'utilisateur en faisant appel aux couleurs (ex : "cliquez sur le bouton rouge" !!!),
• Toujours prévoir une explication en texte compréhensible pour les images (attribut alt),
• Ne pas être inclure de texte dans une image (surtout sans alternative) pour que l'utilisateur puisse l'agrandir ou utiliser sa propre feuille de style utilisant un contraste approprié à son défaut de vision.

Une approche de ces recommandations a été récemment mise en oeuvre sur le site d'information Europa.eu où l'internaute peut, en plus de modifier la taille des caractères, changer les couleurs de thèmes ou accentuer le contraste !