Vérificateur de contraste
Calcule le rapport de contraste entre le fond et le texte et indique s’il franchit les seuils d’accessibilité web (WCAG AA et AAA), avec un aperçu de texte réel pour juger aussi à l’œil.
🎨 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
Simulateur de daltonismeComment une couleur apparaît en cas de déficience visuelleGénérateur de palettes de couleursSortir les couleurs qui vont avec une couleur de base, par règleGénérateur de nuancesTransformer une couleur en échelle 50–900Mélangeur de couleursTrouver la couleur entre deux couleurs
Les couleurs peuvent paraître un peu différentes selon votre écran et son profil couleur.