le daltonisme ou la déficience de la vision des couleurs (MCV) affecte environ 1 homme sur 12 et 1 femme sur 200 dans le monde. Cela signifie que pour chaque 100 utilisateurs qui visitent votre site web ou votre application, jusqu’à 8 personnes pourraient réellement expérimenter le contenu différemment de ce à quoi vous vous attendez. Mais comment vous assurer que votre expérience utilisateur plaît également à ces visiteurs? Nous sommes là pour donner un coup de main. Donc, avant de courir vers votre équipe de conception dans une panique, jetez un oeil à notre tour d’horizon des principales choses à considérer lors de la conception D’une UX pour l’accessibilité des couleurs.,

tout d’abord, qu’est-ce que le daltonisme?

La plupart des daltoniens sont capables de voir les choses aussi clairement que le reste de la population, la différence est leur incapacité à distinguer la lumière rouge, verte ou bleue. La carence est le résultat d’une mutation du chromosome X-ce qui signifie que les femmes sont plus susceptibles d’être porteuses que les personnes atteintes – et elle peut se manifester de 3 manières principales.

le plus commun est le daltonisme rouge/vert, où les personnes atteintes mélangent toutes les couleurs qui ont du rouge ou du vert dans le cadre de la couleur entière., Les personnes atteintes de daltonisme Protan sont moins sensibles à la lumière rouge, tandis que les personnes atteintes de deutéranopie ont le même problème avec le vert. Par exemple, une personne atteinte de protanopie confondra le bleu et le violet car elle ne peut pas reconnaître l’élément rouge de la couleur Pourpre. Le troisième type de carence en couleur, la tritanopie, est le moins commun et concerne les personnes qui ont du mal à distinguer la lumière bleue ou jaune. L’image ci-dessous montre à quoi peut ressembler l’arc-en-ciel pour les personnes atteintes de chacune de ces formes de daltonisme.,

alors, comment puis-je concevoir pour une meilleure accessibilité des couleurs?

vous pensez peut-être: « Pourquoi devrais-je prendre la peine de concevoir pour un si petit groupe d’utilisateurs? »Mais en général, les éléments favorables aux daltoniens sont en fait considérés comme de bonnes pratiques de conception au sens large. Donc, si votre site est bien conçu, il devrait déjà être accessible à tous les utilisateurs.

concevoir pour l’accessibilité ne signifie pas que l’intégrité esthétique de votre conception doit en souffrir., Dans cet esprit, voici les cinq principaux éléments sur lesquels vous devriez vous concentrer pour une UX compatible avec les daltoniens:

utilisez à la fois les couleurs et les symboles

Vous ne devriez pas vous fier uniquement à la couleur pour transmettre un message; par exemple, certains types de daltonisme peuvent rendre difficile, voire impossible, de voir les messages d’erreur rouges courants. Une approche consiste à utiliser à la fois des couleurs et des symboles où l’attention des utilisateurs est nécessaire. Un bon exemple de ceci est les champs de formulaire de Facebook et la messagerie d’erreur jointe.,

fait amusant: le logo de Facebook et la palette de couleurs bleue notoire ont été spécifiquement choisis parce que Mark Zuckerberg est daltonien rouge-vert et voit le bleu le meilleur.

gardez-le minimal

Vous devez limiter la palette de couleurs que vous utilisez pour votre site web; moins vous utilisez de couleurs dans votre conception, moins il y aura de cas de confusion.

non seulement le design minimaliste est une tendance intemporelle et esthétique, mais il est également utile lorsque vous concevez pour l’accessibilité des couleurs.,

utilisez des motifs et des textures pour afficher le contraste

essayez d’utiliser différentes textures, par opposition à plusieurs couleurs, pour les éléments qui nécessitent une accentuation. Par exemple, il peut être difficile pour les utilisateurs daltoniens d’interpréter des graphiques et des tableaux. Dans ce cas, il est préférable d’utiliser des motifs contrastés et, si possible, de placer du texte à la place.

soyez prudent avec les couleurs et les teintes contrastées

Au lieu de vous fier au noir et blanc comme seules couleurs contrastées; essayez d’utiliser une gamme de couleurs et de teintes clairement contrastées dans votre conception., Par exemple, le jeu Word Feud utilise quatre couleurs pour ses tuiles qui peuvent être facilement distinguées par celles avec ou sans déficience de vision des couleurs.

Éviter les mauvaises combinaisons de couleurs

Vous avez besoin d’être intelligent au moment de choisir vos combinaisons de couleurs. Étant donné que le daltonisme affecte les gens de différentes manières, il est difficile de déterminer quelles couleurs sont « sûres » à utiliser dans la conception web.,iv id= »7030bde3c1″> Red

Side note: how do you know if you’re color blind?,

Eh bien Some certaines personnes passent des années sans savoir qu’elles sont daltoniens car les effets peuvent passer relativement inaperçus à moins que quelqu’un d’autre ne les signale. L’image ci – dessous est couramment utilisée pour tester le daltonisme-essayez-le! (Vous trouverez un lien vers le test complet au bas de cet article.)

ne sais pas Encore?

1. test de daltonisme Ishihara: vous pouvez passer le test basé sur 38 plaques et obtenir également des commentaires.,
2. vérification des daltoniens: une application Android créée par Colorblindor où vous pouvez tester si vous êtes daltonien en ±60 secondes.
3. Coblis: Simulateur de daltonisme: ici, vous pouvez télécharger une image et regarder à quoi elle ressemblerait à travers les yeux de personnes atteintes de différents types de daltonisme.
4. applications mobiles: voici 3 Applications Android et iOS spécialement développées pour aider les utilisateurs daltoniens.,

Conclusion

en général, les concepteurs UX devraient créer des sites Web accessibles et conviviaux pour tous., Malheureusement, il n’y a pas une solution unique lors de la conception pour le daltonisme spécifiquement, mais il y a quelques principes de conception UX essentiels à garder à l’esprit qui aideront certainement:

1. ne comptez pas seulement sur la couleur pour transmettre un message
2. Gardez votre 5c79f5df26″>utilisez la texture et les motifs pour afficher le contraste
3. sélectionnez soigneusement toutes les couleurs et nuances contrastantes
4. évitez d’utiliser de mauvaises combinaisons de couleurs