À propos Contraste WCAG
Rapport et niveau AA/AAA
Utilisation
Saisissez deux couleurs pour voir leur ratio de contraste WCAG et un verdict AA ou AAA immédiat pour le texte et l’interface.
Limites
Seules deux couleurs opaques sont comparées. Transparence, dégradés et fonds photographiques ne sont pas pris en compte.
Contraste WCAG
Normes de contraste WCAG
WCAG AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. AAA porte ces seuils à 7:1 et 4,5:1.
Le grand texte correspond à 18pt normal ou 14pt gras et plus. Les icônes et indicateurs de focus doivent aussi atteindre 3:1.
Vérifier et corriger
Saisissez les couleurs de texte et de fond, ou utilisez les curseurs pour changer la luminosité en conservant teinte et saturation.
Le panneau de suggestions propose des couleurs proches atteignant AA. Vérifiez-les ensuite sur votre vrai fond.
Questions fréquentes
Quelle différence entre AA et AAA ?
Qu’est-ce qu’un grand texte ?
Pourquoi le ratio diffère-t-il dans le navigateur ?
Ces couleurs sont-elles utilisables en production ?
Exemples : trois mesures réelles
Trois paires calculées par le même algorithme, pour situer ce que représente 4,5:1.