web-dev-qa-db-fra.com

Aveuglement dans la conception

Je fais une petite recherche pour voir combien de personnes sont atteintes de daltonisme pour voir s'il est utile que notre entreprise accorde une attention supplémentaire à nos conceptions pour ceux qui sont daltoniens.

Je suis arrivé à la conclusion qu'il peut être important d'éviter les teintes rouge-vert, car la plupart des personnes daltoniennes ont une faiblesse pour cette gamme de teintes (8% de la population!).

Avec cela en compte; J'aimerais savoir ce que vous pensez de la conception en tenant compte de la cécité des couleurs. Que faire et ne pas faire avec ce sujet?

Personnellement, je pense que tous les sites Web ne devraient pas avoir un environnement complet sans danger pour les aveugles, tant qu'il ne s'agit pas de fonctionnalités révolutionnaires.

9
SlaKrop

... pour voir s'il est utile pour notre entreprise d'accorder une attention supplémentaire à nos créations pour ceux qui sont daltoniens.

Il n'y a pas que les utilisateurs daltoniens qui ne peuvent pas voir certaines combinaisons de couleurs - réel les aveugles ne peuvent pas non plus, vous devez donc vous assurer que les données ne sont pas représentées uniquement visuellement.

Webaim a quelques informations utiles sur ce sujet qui couvre les différents types de daltonisme - http://webaim.org/articles/visual/colorblind . Cependant, la chose la plus importante à tirer de cet article - ne repose pas uniquement sur les couleurs lors de la représentation d'informations à l'écran .

Cependant, le principal type de daltonisme est rouge-vert, bien qu'il existe une variété d'autres types, comme indiqué par Webaim:

Cécité des couleurs rouge-vert:

La grande catégorie la plus commune de daltonisme est souvent appelée daltonisme rouge-vert, mais cela ne signifie pas que ces personnes ne peuvent pas voir les rouges ou les verts. Ils ont tout simplement plus de mal à faire la différence entre eux. Tous les rouges et verts ne sont pas indiscernables. Il serait facile pour une personne ayant une carence en rouge-vert de faire la différence entre un vert clair et un rouge foncé, par exemple. Beaucoup dépend, au moins en partie, de la couleur des couleurs sombres. Si le rouge est à peu près aussi sombre que le vert, il y a plus de chances que les couleurs soient confondues.

Autres lacunes

  • Tritanopie (carences bleues)

    Insensibilité aux courtes longueurs d'onde (les bleus)

  • Monochromie ou achromatie de la tige (sans couleur)

    Ce groupe constitue une minorité extrêmement faible parmi les personnes daltoniennes. Les cônes de l'œil ne sont pas fonctionnels, de sorte que les bâtonnets (récepteurs qui ne peuvent différencier que la lumière et l'obscurité) sont la seule source d'information visuelle disponible. Les personnes atteintes d'achromacy ne voient aucune couleur. Le leur est un monde de noir, de blanc et de nuances de gris. Ils ont souvent une mauvaise acuité visuelle et ont une aversion pour la lumière vive. C'est le seul groupe pour lequel "daltonisme" est une étiquette qui convient, puisque tous les autres groupes ont la possibilité de voir une certaine couleur.

Défis et solutions

  • Les rouges et les verts sont souvent indiscernables . Ce n'est normalement pas un problème sauf dans les cas où les couleurs véhiculent des informations importantes. Dans ces circonstances, vous devrez modifier le graphique ou fournir un moyen supplémentaire d'obtenir les mêmes informations. Souvent, la façon la plus appropriée de le faire est de fournir une explication dans le texte lui-même.
  • Les autres couleurs peuvent être indiscernables . Comme ci-dessus.

Il s'agit plus d'un problème de contraste que d'un problème de couleur spécifique en général. Assurez-vous que vos couleurs présentent un contraste suffisant pour respecter les directives W3C WCAG. Comme j'ai paraphrasé une grande partie de webaim ici, je pourrais aussi bien continuer dans la même veine:

à partir de la page WebAims sur les contrastes de couleurs :

WCAG 2.0 niveau AA nécessite un rapport de contraste de 4,5: 1 pour le texte normal et de 3: 1 pour le texte volumineux. Le niveau AAA nécessite un rapport de contraste de 7: 1 pour le texte normal et de 4,5: 1 pour le texte volumineux.

Donc en général: vous pouvez utiliser la couleur pour la décoration et le style sans presque aucun problème. Mais quand il s'agit de représenter des données ou d'autres informations, vous pouvez utiliser la couleur à condition qu'elle passe des rapports de contraste et que ce n'est pas seulement la couleur que vous utilisez pour faire passer les informations.

9
JonW