Tada File , Tous les outils

Vérificateur de contraste des couleurs

Vérifiez si les couleurs du texte et du fond sont assez lisibles pour WCAG AA et AAA, et obtenez la couleur la plus proche qui réussit.

Grand texte de titre

Texte courant, à la taille que la plupart des gens lisent à l’écran. Il lui faut plus de contraste qu’un grand texte pour être facile à lire.

Bouton

Rapport de contraste

4,54:1

  • Texte normal · AA 4.5:1Réussi
  • Texte normal · AAA 7:1Échec
  • Grand texte · AA 3:1Réussi
  • Grand texte · AAA 4.5:1Réussi
  • Icônes et bordures · AA 3:1Réussi

Couleur de texte la plus proche qui réussit :

Mesuré avec la formule WCAG 2.2. Un grand texte fait au moins 24 px, ou 18,5 px en gras. Le texte transparent est mesuré tel qu’il apparaît sur le fond.

Le vérificateur de contraste mesure le rapport de contraste entre une couleur de texte et son fond avec la formule WCAG 2.2, et indique s’il réussit AA et AAA pour le texte normal, le grand texte, et les icônes et bordures. Un aperçu en direct montre du vrai texte sur le fond. Quand une paire échoue, l’outil propose la couleur de texte la plus proche qui réussit, avec la même teinte, pour modifier votre design le moins possible.

Comment utiliser Vérificateur de contraste des couleurs

  1. 1

    Choisissez deux couleurs

    Saisissez la couleur du texte et celle du fond, ou choisissez-les.

  2. 2

    Lisez le résultat

    Voyez le rapport et s’il réussit AA et AAA.

  3. 3

    Corrigez si besoin

    Utilisez la couleur proposée qui réussit.

Ce que fait l’outil

Niveaux WCAG 2.2
AA et AAA pour le texte normal et le grand texte, plus les icônes et bordures.
Aperçu en direct
Voyez des titres, du texte et un bouton sur le fond.
Correction au plus près
La couleur la plus proche qui réussit, avec la même teinte.

Questions

Quel rapport de contraste me faut-il ?

WCAG AA demande 4,5:1 pour le texte normal et 3:1 pour le grand texte, les icônes et les bordures. AAA demande 7:1 pour le texte normal et 4,5:1 pour le grand texte.

Qu’est-ce qu’un grand texte ?

24 px et plus, ou du texte en gras à partir d’environ 18,5 px (14 pt).

Gère-t-il les couleurs transparentes ?

Oui. Une couleur de texte transparente est mesurée telle qu’elle apparaît sur le fond.

Faut-il une connexion Internet ?

Seulement pour ouvrir la page. Tout est calculé sur votre appareil, et rien de ce que vous saisissez n’est envoyé nulle part.