Outil gratuit

Matrice de couleurs accessibles

Construisez votre charte graphique en visualisant d'un coup la compatibilité de toutes vos couleurs entre elles, au regard des seuils de contraste RGAA (critères 3.2 et 3.3).

En Bref

  • Une matrice de contraste teste d'un coup toutes les combinaisons de votre palette entre elles (texte sur fond), pas seulement une paire isolée.
  • Le RGAA (critère 3.2) demande 4,5:1 pour le texte courant et 3:1 pour le grand texte (à partir de 24 px, ou 18,5 px en gras).
  • Ce seuil 3:1 couvre aussi les composants d'interface porteurs d'information (critère 3.3) : bordures de champ, icônes, pictogrammes.
  • Le niveau AAA (7:1) est un bonus WCAG, hors RGAA : utile pour les textes longs, jamais requis pour la conformité.
  • L'outil compare des couples de couleurs, pas la conformité d'une page : logos, textes purement décoratifs et éléments désactivés en sont exemptés.
Chargement de la matrice...

Pourquoi une matrice plutôt qu'un test paire par paire ?

Définir une charte accessible ne se résume pas à vérifier deux couleurs. Il faut s'assurer que toutes les combinaisons réellement utilisées (texte sur fond, boutons, alertes, états) restent lisibles ensemble.

Une matrice croise chaque couleur avec toutes les autres et révèle en un coup d'œil les paires à éviter. Vous testez ainsi toutes les permutations de votre palette sur un seul écran, au lieu de rejouer un calculateur paire par paire.

Seuils RGAA, et la place du niveau AAA

  • AA (4,5:1) : le minimum RGAA pour le texte courant.
  • AA Large (3:1) : suffisant pour le grand texte (≥ 24 px, ou ≥ 18,5 px en gras). Le même seuil de 3:1 s'applique aux composants d'interface et éléments graphiques porteurs d'information.
  • AAA (7:1) : un renforcement WCAG, au-delà du RGAA. Recommandé pour les textes longs, jamais exigé pour la conformité.

Ces seuils viennent des critères RGAA 3.2 (contraste du texte) et 3.3 (contraste des composants). Le RGAA se fonde sur le niveau AA de WCAG ; il n'impose pas le niveau AAA.

Questions fréquentes

Allez plus loin dans l'accessibilité

Cet outil cible le contraste entre paires de couleurs, un aspect parmi d'autres de l'accessibilité. Lancez un audit complet gratuit pour analyser les 106 critères du RGAA.

Scanner mon site gratuitement

Outils complémentaires

Continuez votre démarche d'accessibilité avec ces outils gratuits, dans la même thématique.