T

Text Machine

Des outils de texte puissants, dans votre navigateur

Vérificateur d'Accessibilité des Couleurs

Entrez une couleur de premier plan et d'arrière-plan (codes hexadécimaux) pour vérifier leur ratio de contraste et leur conformité WCAG.

Saisie des Couleurs
Aperçu du Texte

Ceci est du texte large en gras.

Ceci est du texte de taille normale.

Ratio de Contraste

21.00:1

Ratio de Contraste

Texte Normal (AA)

AAA

Texte Large (AA)

18pt+ or 14pt+ bold

AAA

Composants UI (AA)

Buttons, form controls, etc.

AA
WCAG Accessibility Guidelines

Level AA (minimum required for accessibility compliance):
• Normal Text: Contrast ratio of at least 4.5:1
• Large Text: Contrast ratio of at least 3:1
• UI Components: Contrast ratio of at least 3:1

Level AAA (enhanced accessibility):
• Normal Text: Contrast ratio of at least 7:1
• Large Text: Contrast ratio of at least 4.5:1

Notes:
• "Large Text" is defined as 18pt or 14pt bold and above
• Logos and decorative elements have no minimum contrast requirement
• Text over images or gradients should be evaluated throughout the image

Comment utiliser Vérificateur d'Accessibilité des Couleurs

  1. 1

    Saisissez deux couleurs

    Indiquez une couleur de premier plan (texte) et une couleur d'arrière-plan sous forme de codes hexadécimaux, par exemple #1a1a1a et #ffffff.

  2. 2

    Vérifiez le contraste

    Cliquez sur Vérifier l'accessibilité pour calculer le rapport de contraste entre les deux couleurs.

  3. 3

    Examinez les résultats WCAG

    Consultez les badges réussite ou échec pour les niveaux AA et AAA en texte normal, grand texte et composants d'interface, et visualisez l'aperçu en direct.

  4. 4

    Ajustez si nécessaire

    Intervertissez les couleurs ou modifiez une valeur hexadécimale jusqu'à ce que la combinaison atteigne le niveau WCAG requis par votre projet.

Questions fréquentes

Qu'est-ce qu'un rapport de contraste et qu'est-ce qui est considéré comme bon ?
Le rapport de contraste mesure l'écart de luminance entre le texte et son arrière-plan, de 1:1 à 21:1. Le WCAG exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte au niveau AA, et 7:1 et 4,5:1 au niveau AAA, plus strict.
Quelle est la différence entre AA et AAA ?
AA est le niveau visé par la plupart des sites web et des exigences légales, tandis qu'AAA est un niveau renforcé pour une lisibilité maximale. Le vérificateur affiche la réussite ou l'échec pour les deux afin que vous choisissiez le seuil adapté à vos besoins.
Pourquoi le grand texte réussit-il alors que le texte normal échoue ?
Le grand texte, défini comme environ 18 pt ou 14 pt en gras et au-delà, est plus facile à lire, c'est pourquoi le WCAG autorise un seuil de contraste plus bas. Une même paire de couleurs peut donc satisfaire les règles du grand texte tout en échouant pour le texte normal.
Quel format de couleur dois-je saisir ?
Saisissez les couleurs sous forme de codes hexadécimaux au format #RRGGBB ou abrégé #RGB. L'outil valide votre saisie et affiche un aperçu en direct du texte normal et du grand texte pour que vous voyiez le rendu réel.
Le vérificateur est-il gratuit et envoie-t-il mes couleurs quelque part ?
Il est entièrement gratuit, sans inscription, et le calcul du contraste s'exécute entièrement dans votre navigateur : les couleurs que vous testez ne sont jamais envoyées à un serveur.

Outils similaires

Continuez avec ces outils pratiques

Générateur de Meta Tags

Générateur de Robots.txt

Open Graph Previewer

Encodeur/Décodeur d'Entités HTML

Visualiseur d'En-têtes HTTP

Vérificateur de Chaînes de Redirection URL