Giga Useful ToolsCouleur
Contraste WCAG
Vérifiez si une paire de couleurs respecte les niveaux AA et AAA.
Tout est traité dans votre navigateur. Aucun fichier n'est envoyé à un serveur.
- 1Choisissez ou saisissez le code hexadécimal de la couleur du texte.
- 2Choisissez ou saisissez le code hexadécimal de la couleur de fond.
- 3Observez l'aperçu et le ratio de contraste, puis vérifiez dans les quatre badges quels niveaux WCAG sont atteints.
Quelle est la différence entre AA et AAA ?+
Ce sont deux niveaux de conformité des directives d'accessibilité WCAG. Le niveau AA est celui le plus souvent exigé par les réglementations légales et organisationnelles : le texte normal doit atteindre un contraste d'au moins 4.5:1 (3:1 pour le texte large). Le niveau AAA est plus strict, avec 7:1 pour le texte normal et 4.5:1 pour le texte large ; il est recommandé quand c'est possible, sans être toujours obligatoire.
Qu'est-ce qu'un « texte large » selon les WCAG ?+
Un texte de 18pt (24px) ou plus, ou de 14pt (environ 18,5px) ou plus s'il est en gras. Le texte large bénéficie d'une exigence de contraste légèrement plus basse, car des traits plus grands et plus épais restent lisibles avec moins de contraste qu'un petit texte courant.
Puis-je saisir directement un code hexadécimal plutôt que d'utiliser le sélecteur de couleur ?+
Oui, chaque couleur dispose d'un sélecteur et d'un champ de texte à côté, vous pouvez donc coller une valeur exacte comme #1a1a1f directement plutôt que de cliquer sur la roue chromatique.