Outil gratuit
Vérificateur de contraste WCAG
Vérifiez si vos combinaisons de couleurs respectent les critères WCAG 2.1 de contraste pour le texte et les éléments graphiques.
Questions fréquentes
Le ratio de contraste est une mesure de la différence de luminosité entre deux couleurs, définie par les WCAG (Web Content Accessibility Guidelines). Il varie de 1:1 (aucun contraste) à 21:1 (contraste maximum, noir sur blanc). Un ratio plus élevé signifie que le texte est plus lisible.
Le niveau AA est le standard minimum recommandé : 4.5:1 pour le texte normal et 3:1 pour le texte agrandi (24px+ ou 18.5px+ en gras). Le niveau AAA est plus strict : 7:1 pour le texte normal et 4.5:1 pour le texte agrandi. Le RGAA exige le niveau AA.
Le texte agrandi est défini comme du texte d'au moins 24px (18pt) en taille normale, ou d'au moins 18.5px (14pt) en gras. Ces tailles bénéficient d'un seuil de contraste réduit car les caractères plus grands sont plus faciles à lire.
Vous avez plusieurs options : foncer la couleur du texte, éclaircir le fond, ou utiliser la suggestion automatique proposée par notre outil. Vous pouvez aussi augmenter la taille du texte au-delà de 24px pour bénéficier du seuil AA Large (3:1).
Oui, le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) reprend les mêmes ratios de contraste que le WCAG 2.1 niveau AA. Les critères 3.2 et 3.3 du RGAA correspondent aux critères de succès 1.4.3 et 1.4.11 des WCAG.