🎨 Tout tourne dans votre navigateur. Rien à installer, aucun compte.
Un titre ressemble à ceci
Le texte courant se lit à peu près avec ce poids.
Un petit texte comme une légende devient aussi petit — un contraste insuffisant se voit ici d’abord.
Rapport de contraste
3.68 : 1
Utilisable seulement en grandes tailles
Échec
AA texte
4.5:1
Réussi
AA grand
3:1
Échec
AAA texte
7:1
Échec
AAA grand
4.5:1
Ce que signifient les niveaux
- · AA 4.5:1 — la base de l’accessibilité web. Le texte courant doit la franchir.
- · 3:1 — à partir de 18pt (ou 14pt en gras) le seuil baisse.
- · AAA 7:1 — le niveau plus strict, parfois exigé pour les sites du secteur public.
- Le contraste se joue sur l’écart de luminosité, pas sur la teinte. C’est pourquoi du texte blanc sur jaune ne se lit pas, même si les couleurs diffèrent.
Ce que fait cet outil
- Rapport de contraste de 1 à 21
- Réussite ou échec en AA et AAA
- Verdict distinct pour le grand texte
- Ajuste la luminosité jusqu’à réussir
Autres outils de couleur
Les couleurs peuvent paraître un peu différentes selon votre écran et son profil couleur.