Vérificateur de Contraste
Vérifiez la conformité WCAG AA et AAA pour n'importe quelle combinaison de couleurs de texte et d'arrière-plan.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Qu'est-ce que la conformité de contraste WCAG?
Le WCAG définit des ratios de contraste minimaux entre le texte et son arrière-plan pour garantir la lisibilité pour les personnes malvoyantes. Le niveau AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. Le niveau AAA est la norme avancée exigeant 7:1 et 4,5:1.
AA ou AAA - lequel cibler?
AA est le minimum légal pour la plupart des réglementations d'accessibilité (EN 301 549 en Europe, Section 508 aux USA). AAA est la norme d'excellence. La plupart des équipes visent AA pour tout le texte et AAA pour le corps de texte.
Qu'est-ce que le "grand texte"?
Le WCAG définit le grand texte comme 18pt (24px) ou plus en poids normal, ou 14pt (18,67px) ou plus en gras. Le grand texte bénéficie d'un ratio de contraste plus souple (3:1 pour AA) car la taille améliore déjà la lisibilité.
Comment utiliser cet outil
Choisissez votre couleur de texte et d'arrière-plan avec les sélecteurs de couleur ou saisissez des codes hexadécimaux. Le ratio de contraste se met à jour instantanément et les quatre vérifications WCAG affichent Réussi ou Échoué en temps réel.