Utilisable par tous

Vérificateur de contraste

Un texte difficile à lire exclut des gens. Indiquez une couleur de texte et un arrière-plan, et voyez tout de suite si la combinaison tient.

Partir de

Couleur du texte Arrière-plan

— Rapport de contraste

Un titre en 24px

Texte courant en 16px. C'est la taille de la majorité de votre interface, donc la plus déterminante.

Un bouton Une légende, souvent la première à échouer.

est le niveau que la plupart des projets visent. Un grand texte fait 18,66px gras ou 24px et plus.

Bon à savoir

Comment lire le résultat

Ce que signifient les niveaux

AA est le niveau que la plupart des projets visent : au moins 4,5:1 pour un texte normal. AAA est plus strict à 7:1 et vaut la peine pour les longs textes.
Ce qui compte comme grand texte

Un grand texte fait 18,66px en gras, ou 24px et plus. Le seuil est plus bas car la taille aide déjà à la lisibilité.
Le contraste ne fait pas tout

Respecter le rapport ne rend pas une interface accessible à soi seul. Ne portez jamais le sens par la couleur seule, et vérifiez vos thèmes clair et sombre.

Plus d'outils

Ce sont les petits. Les plus grands, nous les développons pour ceux qui le demandent.