Guide couleur pratique
Guide du contraste WCAG pour des couleurs de texte accessibles
Apprenez comment fonctionnent les ratios de contraste WCAG et comment choisir des couleurs texte/fond accessibles.
Ouvrir l outil liePourquoi le contraste est important
Un bon contraste rend le texte plus lisible pour tous, surtout sur mobile, en exterieur ou pour les personnes avec une vision reduite.
Bases WCAG AA et AAA
Pour le texte normal, WCAG AA demande souvent un ratio minimum de 4.5:1. Le texte large a un seuil plus bas, AAA est plus strict.
Methode pratique
Choisissez le fond, testez le texte, puis les boutons, liens, badges et messages d erreur. Retestez les etats hover et disabled.
Questions frequentes
Quel ratio viser pour le texte normal ?
Une cible WCAG AA courante pour le texte normal est 4.5:1 ou plus.
Les boutons doivent-ils aussi passer le test ?
Oui. Les libelles de boutons, liens et etats importants doivent rester lisibles.