RÉPONSE DIRECTE
La couleur renforce l’information ; elle ne doit pas la porter seule.
Un graphique robuste combine couleur, libellés, formes, ordre et contraste. Il reste compréhensible en niveaux de gris et pour des perceptions chromatiques variées.
Choisir l’échelle adaptée aux données
Une variable ordonnée demande une progression perceptible de clarté. Des catégories distinctes demandent des teintes assez séparées. Une valeur qui s’écarte d’un centre peut utiliser une échelle divergente, à condition que le point central ait un sens réel.
Évitez les arcs-en-ciel par défaut : leurs ruptures de teinte peuvent créer des frontières visuelles sans relation avec les données.
- Limiter le nombre de catégories simultanées.
- Étiqueter directement lorsque possible.
- Tester la lecture en niveaux de gris et à petite taille.
Conserver le sens au-delà de la couleur
Un état d’erreur a besoin d’un texte ou d’une icône, pas seulement d’un rouge. Une légende doit rester associée aux données lorsque l’utilisateur zoome ou navigue au clavier.
Les contrastes WCAG concernent notamment le texte et certains composants. Ils ne suffisent pas à eux seuls à garantir la compréhension d’un graphique : la structure et la rédaction comptent aussi.
SOURCES DE RÉFÉRENCE
Ce qui étaye ce dossier
Les sources ci-dessous définissent le vocabulaire et les méthodes techniques utilisés. Les conseils d’application sont explicitement présentés comme des recommandations éditoriales.
- Web Content Accessibility Guidelines 2.2W3C
Critères de contraste et exigence de ne pas transmettre une information par la couleur seule.
- CSS Color Module Level 4W3C
Espaces colorimétriques, syntaxes CSS et définitions techniques de référence.
Révision éditoriale : 22 août 2026 · Direction éditoriale : Nicolas Belotti.
