Pour le 10á” Anniversaire du GenevaJUG, Laura Wacrenier, designer chez Sonarsource, prĂ©sentait une sensibilisation Ă lâaccessibilitĂ© et au daltonisme.
Pour certaines personnes, le rouge et le vert sont une seule et mĂȘme teinte. Et pourtant ces couleurs sont partout sur le web et sur les outils de travail ? Les « dashboards » (tableaux de bord) sont remplis dâindicateurs colorĂ©s, les messages dâerreur rougesâŠ
Cette conférence à destination des développeurs est en réalité applicable à tout métier en lien avec la communication visuelle et que vous réalisiez des diaporamas (« PowerPoint »), des flyers comme des sites web : vous devriez vous sentir concerné.
Pour les personnes daltoniennes, grand nombre de produits numĂ©riques sont tout simplement inutilisables. Et des personnes daltoniennes, il y en a beaucoup plus que ce que lâon croit.
Adapter les interfaces pour les daltoniens ? Mais ce sera forcément moche et compliqué non ?
Oui mais non. Et pas besoin dâĂȘtre un designer confirmĂ© pour y arriver !
La conférence présente :
- Un Ă©tat des lieux de lâexistant et le constat que la majoritĂ© des interfaces jouent avec les couleurs rouge-vert-bleu,
- Une prĂ©sentation des diffĂ©rents types de daltonisme, le plus courant Ă©tant lâatteinte du cĂŽne vert (deuteranoponia). Le daltonisme est liĂ© Ă une atteinte du chromosome X, et donc concerne plus souvent les hommes (8 %) que les femmes (0.5 %),
- Ensuite un rapide tour sur les grands principes de lâaccessibilitĂ© visuelle (entre autres pourquoi il faut souligner les liens),
- Les approches efficaces pour convaincre votre équipe et intégrer ces améliorations dans votre planning.
En savoir +
- Outils pour valider les contrastes des textes :
- Web AIM Color Contrast Checker,
- Trouver le meilleur contraste pour une couleur : Tanaguru Contrast Finder.
- Les extensions de simulation pour les outils de design :
- Outils de simulation pour les navigateurs :
- Add-on Letâs get colorblind pour Firefox,
- Add-on [Colorblinding]
https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa
(lien cassé) pour Chrome.
- Outils de simulation au niveau systĂšme dâexploitation :
- Color Oracle pour Mac OS, Windows et Linux.
- Les diapositives de la présentation utilisés lors du « devfest » de Nantes.
኿