Saisissez les couleurs de premier plan et d’arrière-plan pour vérifier le contraste WCAG et le statut AA/AAA (traitement local).
Texte d’exemple
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Résultats
Ratio de contraste:
-
AA (texte normal) ≥ 4.5
-
AA (grand texte) ≥ 3.0
-
AAA (texte normal) ≥ 7.0
-
AAA (grand texte) ≥ 4.5
-
Couleur de premier plan suggérée
Utiliser le noir:
-
Utiliser le blanc:
-
Mode d’emploi
- Sélectionnez les couleurs via les sélecteurs de premier plan/arrière-plan ou entrez un code HEX.
- Consultez le ratio calculé (ex. 4.5:1).
- Vérifiez le statut AA/AAA WCAG 2.1 pour texte normal et grand texte.
- Utilisez la simulation de daltonisme pour prévisualiser l’affichage selon différents profils visuels.
Conseils & FAQ
- WCAG AA exige au moins 4.5:1 pour le texte normal et 3.0:1 pour le grand texte.
- WCAG AAA exige au moins 7.0:1 pour le texte normal et 4.5:1 pour le grand texte.
- Si le contraste est insuffisant, essayez « Utiliser le noir » ou « Utiliser le blanc ».
- Tous les calculs sont effectués localement dans votre navigateur.
