Liens rapides

Aucun favori pour l'instant. Ajoutez les outils que vous utilisez souvent pour y accéder rapidement !

3Utils

Vérificateur de Contraste de Couleurs

Texte d'exemple

Échantillon de texte large (18pt+)

21:1

Niveau AA

Texte normal (4.5:1) : ✓ Réussite
Texte large (3:1): ✓ Réussite
Composants UI (3:1): ✓ Réussite

Niveau AAA

Texte normal (7:1): ✓ Réussite
Texte large (4.5:1): ✓ Réussite
? Questions Fréquemment Posées

Qu'est-ce que le rapport de contraste des couleurs ?

Le rapport de contraste (de 1:1 à 21:1) mesure la différence de luminance entre les couleurs de premier plan et d'arrière-plan. 21:1 correspond au noir sur blanc (contraste maximal), 1:1 à une couleur identique (contraste nul). Il détermine la lisibilité du texte.

Quels sont les niveaux de conformité aux WCAG ?

Les WCAG 2.1 comportent trois niveaux : A (minimum), AA (recommandé, ratio 4,5:1 pour le texte normal, 3:1 pour le texte de grande taille) et AAA (amélioré, ratio 7:1 pour le texte normal, 4,5:1 pour le texte de grande taille). La plupart des sites web visent le niveau AA.

Quel taux de contraste dois-je viser ?

Pour une lisibilité optimale, le texte normal nécessite un rapport de 4,5:1 minimum pour la catégorie AA et de 7:1 pour la catégorie AAA. Pour une lisibilité optimale, le texte de grande taille (18 pt et plus, ou 14 pt et plus en gras) nécessite un rapport de 3:1 pour la catégorie AA et de 4,5:1 pour la catégorie AAA. Des rapports plus élevés garantissent une meilleure lisibilité pour les personnes malvoyantes.

La taille de la police influe-t-elle sur les exigences de contraste ?

Oui ! Les textes de grande taille (18 points et plus) sont moins exigeants, car leur taille améliore la lisibilité. Les textes de petite taille nécessitent un contraste plus élevé. Si l'on doit choisir entre des textes plus grands et un contraste plus élevé, ce dernier est généralement préférable.

Peut-il suggérer de meilleures combinaisons de couleurs ?

Le vérificateur peut suggérer des alternatives en ajustant la luminosité/l'obscurité des couleurs pour respecter les normes WCAG tout en préservant l'esthétique générale de votre palette de couleurs.

Mes données sont-elles en sécurité ?

Oui, absolument ! Cet outil fonctionne entièrement dans votre navigateur. Le traitement des données s'effectue localement sur votre appareil ; aucune donnée n'est transférée vers nos serveurs. Vos fichiers et données restent sur votre ordinateur, garantissant ainsi une confidentialité et une sécurité totales.