Vérificateur de Contraste
Vérificateur de contraste des couleurs gratuit en ligne pour l'accessibilité WCAG AA et AAA. Entrez les couleurs du texte et du fond pour vérifier la conformité.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Comment ça fonctionne
- Saisissez la couleur du texte en code HEX (ex. #333333) ou sélectionnez-la avec le sélecteur de couleurs.
- Renseignez la couleur d'arrière-plan de la même façon.
- Cliquez sur le bouton de vérification pour calculer instantanément le ratio de contraste.
- Examinez les résultats pour vérifier la conformité aux niveaux WCAG AA ou AAA.
- Ajustez les couleurs si nécessaire jusqu'à atteindre le niveau d'accessibilité souhaité.
Exemple
Entrée: Couleur du texte: #1a1a1a, Couleur d'arrière-plan: #ffffff
Résultat: Ratio de contraste: 19.32:1 — Conforme WCAG AA et AAA pour le texte normal et grand
FAQ
Le ratio de contraste mesure la différence de luminance relative entre deux couleurs. Il varie de 1:1 (aucun contraste) à 21:1 (contraste maximal, noir sur blanc). Un bon contraste garantit la lisibilité pour tous les utilisateurs, y compris les personnes malvoyantes.
Le niveau AA exige un ratio d'au moins 4.5:1 pour le texte normal et 3:1 pour le grand texte (18pt ou 14pt en gras). Le niveau AAA, plus strict, exige 7:1 pour le texte normal et 4.5:1 pour le grand texte.
Oui, vos données sont entièrement confidentielles. Tout le traitement s'effectue côté client, directement dans votre navigateur. Aucune donnée de couleur ou autre information n'est transmise à quelque serveur que ce soit.
En France, le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) impose le respect de normes d'accessibilité similaires à WCAG pour les sites publics. La loi du 11 février 2005 et ses évolutions rendent l'accessibilité numérique obligatoire pour de nombreux organismes.
Oui. Bien que les règles WCAG soient spécifiques au texte, cet outil peut également vous aider à évaluer le contraste des composants d'interface et des éléments graphiques, qui nécessitent un ratio minimal de 3:1 selon WCAG AA.