Un souci avec cet outil ?
À propos de « Contraste WCAG En Ligne »
Cet outil mesure le ratio de contraste entre deux couleurs (texte et fond) et indique si la paire respecte les WCAG (Web Content Accessibility Guidelines). Les niveaux AA et AAA sont évalués pour texte normal et grand.
La conformité WCAG devient progressivement une obligation légale : sites publics, plateformes éducatives, outils du secteur public et beaucoup de sites commerciaux en Europe et en Amérique du Nord doivent respecter au moins WCAG 2.1 AA. Le contraste insuffisant est le défaut le plus signalé.
À utiliser pour choisir des couleurs de texte, auditer un site existant, ou trouver des variantes qui atteignent AAA sans bouleverser le design.
Comment utiliser cet outil
Vérifier le contraste WCAG des couleurs
Couleur de premier plan
« Foreground » est la couleur du texte ou de l’icône en hex (#RGB ou #RRGGBB). Le `#` initial est optionnel, la casse est ignorée.
Couleur de fond
« Background » est la surface derrière le premier plan — fond de page, remplissage de bouton, etc. Mêmes formats hex. Les deux champs apparaissent côte à côte.
Exécuter
Résultat : contrastRatio (ex. 4,56) plus wcagNormalText et wcagLargeText avec les bandes pass/fail. Texte normal : ≥ 4,5 (AA) / 7 (AAA) ; texte large : ≥ 3 (AA) / 4,5 (AAA).
Lire les niveaux
AA est le niveau légal/normatif le plus courant ; AAA plus strict et souvent irréaliste pour le texte courant. « Large » = 18pt+ regular ou 14pt+ bold ; en deçà, traitez comme contraste de texte normal.