Vérificateur de contraste WCAG
Saisissez une couleur de texte et de fond pour obtenir le ratio de contraste WCAG et voir s’il respecte AA et AAA pour le texte normal et grand.
- Fonctionne dans votre navigateur
- Aucun envoi
- Le résultat reste sur votre appareil
Confidentialité et limitesS’exécute dans votre navigateur. Rien n’est envoyé.
Le contenu des entrées reste dans cet onglet ; Refentra ne l’envoie ni ne le stocke. Les comptages agrégés facultatifs d’actions sont envoyés uniquement avec votre consentement à la mesure d’usage. Effacez l’espace après usage.
Profil pris en charge: WCAG 2.2 sRGB opaque ; AA normal/grand : 4,5/3 ; AAA : 7/4,5. Grand : 18pt ou 14pt gras.
Maximum 200 000 unités UTF-16 ; les parseurs peuvent limiter davantage. Worker : 15 secondes (regex 1,5 seconde).
Vérifier la saisie et le résultat
- Préparer et choisir l’opération
Saisissez des couleurs opaques pour le texte et le fond, et comparez séparément les seuils du texte normal et du grand texte.
- Vérifier un exemple concret
Essayez cet exemple et comparez le résultat indiqué : #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Examiner avant de réutiliser la sortie
Lisez le rapport chiffré avant les mentions de réussite. Une valeur proche de 4,5 doit atteindre le seuil sans arrondi.
Réponses pour cette tâche
Quand un texte est-il considéré comme grand ?
Pour WCAG, un grand texte fait au moins 18 pt, ou 14 pt en gras. Le niveau AA y exige 3:1, contre 4,5:1 pour un texte normal.
Que vérifier si la saisie échoue ?
Utilisez une syntaxe de couleur opaque reconnue. Si une couleur est transparente, composez-la sur le fond réel avant de comparer.
Quelles sont les limites de cet outil ?
Le contraste WCAG 2.2 de deux couleurs n’est pas un audit d’accessibilité complet : les dégradés, les images, la visibilité du focus et le contexte demandent des vérifications à part.