Une charte graphique doit aussi prévoir des couleurs pour lire
Comment transformer une palette de marque en usages lisibles pour les textes, les boutons et les informations importantes.
Une palette peut bien fonctionner sur une affiche et devenir difficile à lire dans un formulaire ou un écran de téléphone. Le problème apparaît quand une couleur expressive est appliquée partout, sans distinction entre décoration et information. Pour une marque, l’enjeu consiste à définir des usages, pas seulement une liste de teintes accompagnées de leurs codes.
Mesurer le couple, pas la couleur isolée
Le contraste dépend du texte et de son fond. Le critère WCAG 2.2 de niveau AA relatif au contraste du texte prévoit généralement un rapport minimal de 4,5:1, et de 3:1 pour le texte de grande taille, avec des exceptions précises. Le texte d’un logo bénéficie d’une exception ; cela n’exempte pas tous les textes d’une interface au nom de la charte.[1]
Ces seuils sont des repères techniques, pas la garantie qu’une page entière est accessible. Une police très fine, un texte placé sur une photographie ou un état de bouton différent peuvent demander une vérification supplémentaire. Nous recommandons de tester les compositions réellement livrées, plutôt qu’une palette sur fond blanc uniquement.
Attribuer un rôle aux teintes
Préparez une couleur de texte courant, une couleur de fond, un accent et des combinaisons autorisées. Une teinte claire peut rester présente dans un aplat ou un motif, tandis qu’une variante plus sombre porte les liens et les petits caractères. L’identité visuelle gagne ainsi une règle exploitable par les équipes qui ne disposent pas du fichier de création initial.
Les composants et éléments graphiques nécessaires à la compréhension ont leurs propres exigences de contraste. Le W3C décrit notamment un rapport de 3:1 avec les couleurs adjacentes pour les informations visuelles concernées. Une bordure n’est pas toujours obligatoire : c’est l’information permettant d’identifier ou d’utiliser le composant qui compte.[2]
Livrer des exemples que l’équipe pourra reproduire
Ajoutez à la charte une page de texte long, un formulaire, un bouton et un encadré d’alerte, avec leurs états usuels. Demandez un essai sur téléphone et dans des conditions de lecture ordinaires. Un contrôle en niveaux de gris peut révéler une confusion, sans remplacer le calcul du contraste ni un examen d’accessibilité plus large.
Enfin, documentez les exceptions au lieu de les improviser à chaque campagne. Si un fond photographique change, le couple testé doit être revu. La bonne question n’est pas seulement « reconnaît-on la marque ? », mais aussi « peut-on lire ce qu’elle demande de comprendre ? ». Ces deux exigences peuvent guider la même composition.
Sources et repères documentaires
- W3C — WCAG 2.2, contraste du texte · Consulté le 2026-11-02
- W3C — WCAG 2.2, contraste des éléments non textuels · Consulté le 2026-11-02
Une correction à signaler ? Contacter la rédaction.