Comment concevoir pour le daltonisme

Table des matières:

Comment concevoir pour le daltonisme
Comment concevoir pour le daltonisme

Vidéo: Comment concevoir pour le daltonisme

Vidéo: Comment concevoir pour le daltonisme
Vidéo: Transmission daltonisme 2024, Peut
Anonim

Concevoir du contenu utilisable pour les personnes daltoniennes est un excellent moyen de le rendre plus accessible au grand public. Les personnes daltoniennes ont du mal à faire la différence entre certaines couleurs, comme le rouge, le vert ou le bleu. Certaines personnes daltoniennes ne peuvent voir aucune couleur, ce qui rend difficile la navigation sur les sites et les applications qui dépendent fortement des couleurs. En utilisant quelques conseils et directives simples, vous pouvez rendre vos informations faciles à utiliser pour tous ceux qui cliquent dessus, quelles que soient les couleurs qu'ils peuvent (ou ne peuvent pas) voir.

Pas

Méthode 1 sur 2: Texte et arrière-plan

Concevoir pour le daltonisme Étape 1
Concevoir pour le daltonisme Étape 1

Étape 1. Choisissez des couleurs contrastées pour le texte et les arrière-plans

Les couleurs trop similaires les unes aux autres peuvent être difficiles à distinguer pour les personnes daltoniennes. Lorsque vous choisissez des couleurs de texte et d'arrière-plan, optez pour celles qui se démarquent les unes des autres.

Le noir sur blanc ou le blanc sur noir est un choix évident, mais vous pouvez également utiliser du bleu et du jaune, du jaune et du violet, ou du bleu foncé et du noir

Concevoir pour le daltonisme Étape 2
Concevoir pour le daltonisme Étape 2

Étape 2. Choisissez des combinaisons de couleurs comme bleu/jaune et orange/violet

Les personnes daltoniennes peuvent mieux voir certaines couleurs que d'autres. Lorsque vous choisissez des combinaisons de couleurs, essayez de vous en tenir à:

  • Bleu et jaune
  • Marron et bleu
  • Orange et violet
  • Vert et violet
  • Jaune et rose
  • rouge et bleu
Concevoir pour le daltonisme Étape 3
Concevoir pour le daltonisme Étape 3

Étape 3. Éloignez-vous du vert/rouge, du vert/marron et du bleu/violet

La plupart des daltoniens ont des problèmes avec des combinaisons de couleurs spécifiques. Éloignez-vous de ces couleurs pour rendre votre conception lisible.

Vous devez également éviter le vert et le bleu, car ces nuances peuvent être très similaires les unes aux autres

Concevoir pour le daltonisme Étape 4
Concevoir pour le daltonisme Étape 4

Étape 4. Utilisez des couleurs vives et audacieuses

Les pastels et les couleurs pâles ont tendance à se fondre les uns dans les autres, en particulier pour les personnes daltoniennes. Tenez-vous en au néon ou aux couleurs primaires pour les aider à différencier toutes les couleurs de la page.

Concevoir pour le daltonisme Étape 5
Concevoir pour le daltonisme Étape 5

Étape 5. Gardez votre palette de couleurs minimale

Moins vous utilisez de couleurs, plus vous éviterez la confusion. Il n'y a pas de règle absolue pour cela, mais moins il y en a, mieux c'est !

Par exemple, vous pouvez choisir 3 couleurs et les conserver comme thème pour votre page Web

Méthode 2 sur 2: Images et liens

Concevoir pour le daltonisme Étape 6
Concevoir pour le daltonisme Étape 6

Étape 1. Soulignez les liens cliquables

Normalement, les liens sont surlignés en couleur, mais les personnes daltoniennes peuvent avoir du mal à les voir. S'il y a un lien cliquable, soulignez-le et mettez-le en surbrillance sur la page.

Si vous ne voulez pas le souligner, mettez plutôt le texte en gras

Concevoir pour le daltonisme Étape 7
Concevoir pour le daltonisme Étape 7

Étape 2. Incluez des symboles et des clés

Les personnes daltoniennes peuvent avoir du mal à comprendre les graphiques et les tableaux basés uniquement sur la couleur. Assurez-vous d'inclure des symboles et des clés sur le côté de l'image comme référence.

  • Par exemple, vous pourriez mettre un code de couleur sur le côté du tableau pour expliquer la signification de chaque couleur.
  • Vous pouvez également utiliser des symboles sur une carte pour étiqueter différentes zones, comme les terrains de camping et les toilettes.
Concevoir pour le daltonisme Étape 8
Concevoir pour le daltonisme Étape 8

Étape 3. Ajoutez de la texture aux cartes, aux tableaux et aux graphiques

Les couleurs unies peuvent être difficiles à distinguer. Essayez d'utiliser des lignes, des points et des dièses pour différencier les sections des graphiques, des cartes et des diagrammes.

  • C'est une excellente idée pour les graphiques à barres et les camemberts.
  • Vous pouvez utiliser la texture ainsi que la couleur dans vos images, vous n'avez donc pas à les modifier complètement.
Concevoir pour le daltonisme Étape 9
Concevoir pour le daltonisme Étape 9

Étape 4. Décrivez les sections sur les cartes

Si vous utilisez des couleurs pour différencier les états ou les bordures, utilisez également un contour noir. Cela aidera les personnes daltoniennes, car elles pourront voir les lignes noires.

C'est également un excellent moyen de faire ressortir vos images

Concevoir pour le daltonisme Étape 10
Concevoir pour le daltonisme Étape 10

Étape 5. Étiquetez les informations sans utiliser de couleurs

Les camemberts, les graphiques et les systèmes de transport utilisent souvent des couleurs pour différencier les sections ou les méthodes. Étiquetez les informations avec des mots ainsi que des couleurs pour les rendre accessibles aux personnes daltoniennes.

  • Par exemple, si vous utilisez un graphique à secteurs, vous pouvez étiqueter chaque section et utiliser des couleurs différentes pour les séparer.
  • Une personne daltonienne (qui ne peut voir qu'en noir et blanc) ne pourra pas utiliser une clé de couleur.

Conseillé: