Centre de ressources

5 min de lecture

Contraste des couleurs : quoi vérifier au-delà du texte

Le contraste affecte la lecture mais aussi la reconnaissance des contrôles, erreurs, focus et états de l'interface.

Ne vérifiez pas seulement la couleur du texte

Le faible contraste apparaît aussi dans les liens discrets, boutons désactivés, messages d'erreur, icônes et bordures de champs. Vérifiez les états réels, pas seulement une maquette statique.

Checklist contraste

Transformez ces vérifications en tâche répétable pour le design, le contenu et le développement.

  • Texte normal et petit sur chaque fond réel.
  • Liens reconnaissables sans couleur seule.
  • Focus visible sur boutons, liens et champs.
  • Erreurs et avertissements avec texte ou icône supplémentaire.
  • Graphiques avec libellés ou motifs en plus de la couleur.

Étape suivante

Ajoutez des combinaisons approuvées au système de design pour empêcher le retour du problème dans chaque composant.

À lire ensuiteModales et composants interactifs accessibles