Vérificateur de Contraste des Couleurs - WCAG AA et AAA en Ligne

AdSense Placeholder
Slot: header_tool

Vérificateur de Contraste des Couleurs

Vérification d'Accessibilité WCAG AA et AAA

Portez ce vieux whisky au juge blond

Exemple de petit texte pour les seuils WCAG de texte large

Ratio
--
AA Normal
--
AAA Normal
--
AA Large
--

AdSense Placeholder
Slot: tool_mid_article

Comprendre les Exigences de Contraste WCAG

Texte Normal AA

Nécessite un ratio de contraste d'au moins 4.5:1 pour le texte de corps courant.

Texte Large AA

Le texte à 18pt (ou 14pt gras) et plus grand ne nécessite que 3:1 — le texte large est plus facile à lire avec un contraste plus faible.

AAA (Amélioré)

Le niveau AAA, plus strict, nécessite 7:1 pour le texte normal et 4.5:1 pour le texte large.

Traitement Local

Le ratio est calculé entièrement dans votre navigateur à l'aide de la formule de luminance relative WCAG 2.1.

Pourquoi le Contraste est Important

Un texte à faible contraste est difficile, voire impossible à lire pour les personnes malvoyantes, daltoniennes, ou pour quiconque utilise un écran en plein soleil. Le ratio de contraste WCAG s'étend de 1:1 (couleurs identiques) à 21:1 (noir pur sur blanc pur) — atteindre au moins le niveau AA est une obligation légale dans de nombreuses juridictions pour les sites web publics.

Points Clés à Retenir

  • Minimum de 4.5:1 : Le seuil AA standard pour la plupart des textes de corps.
  • Luminance Relative : Le ratio est basé sur la luminosité perçue, pas seulement sur la différence RVB brute.
  • Uniquement Côté Client : Vos couleurs ne quittent jamais votre navigateur.
AdSense Placeholder
Slot: footer_leaderboard