Vérificateur de contraste

Vérifiez les couleurs de texte et de fond selon WCAG 2.1 et APCA, avec un aperçu en direct et une couleur corrigée conforme — directement dans votre navigateur.

À propos de Vérificateur de contraste

De quoi s’agit-il

Cet outil mesure le contraste entre une couleur de texte et une couleur de fond selon deux normes : le rapport classique WCAG 2.1 avec ses niveaux AA et AAA, et le score APCA plus récent. Un aperçu en direct avec un titre, du texte courant, un bouton et un badge montre la paire à la taille et à la graisse choisies. Quand une paire échoue, l’outil propose la couleur conforme la plus proche.

Fonctionnalités principales

  • Rapport de contraste WCAG 2.1 avec AA et AAA pour le texte normal et le grand texte.
  • Le score APCA Lc pour du texte sombre sur clair et clair sur sombre.
  • Un aperçu en direct avec votre taille et votre graisse de police.
  • Une couleur corrigée proposée qui atteint le contraste requis, appliquée en un clic.
  • Simulation de la vision : protanopie, deutéranopie, tritanopie et niveaux de gris.

Comment l’utiliser

  1. Saisissez la couleur du texte et celle du fond.
  2. Réglez la taille et la graisse de police que vous utilisez.
  3. Lisez les résultats WCAG et APCA et vérifiez l’aperçu.
  4. Appliquez la correction proposée si la paire échoue, puis copiez les couleurs ou le code.

Quand c’est utile

  • Vérifier qu’une couleur de marque reste lisible en texte sur blanc.
  • Respecter les exigences d’accessibilité d’un site public.
  • Voir comment une paire de couleurs apparaît aux personnes daltoniennes.

Confidentialité et limites

Vos données

Les couleurs sont vérifiées dans votre navigateur et rien n’est envoyé à un serveur — le site reçoit seulement un événement anonyme « outil ouvert ». Un résultat envoyé vers un autre outil reste 24 heures sur cet appareil dans « Activité récente ».

Limites

  • APCA est encore un brouillon pour de futures versions de WCAG ; les exigences légales actuelles renvoient en général à WCAG 2.1.
  • La simulation de la vision est une approximation et ne peut pas montrer exactement ce que voit chacun.

Questions fréquentes

WCAG ou APCA : lequel suivre ?

WCAG 2.1 est ce que demandent en général les lois et audits aujourd’hui : c’est lui qu’il faut réussir. APCA est plus précis pour les écrans modernes et les polices fines — un second contrôle utile.

Qu’est-ce qu’un grand texte ?

Selon WCAG, au moins 24 px en normal ou environ 18,7 px en gras. Le grand texte ne demande que 3:1 pour AA au lieu de 4,5:1.

Comment fonctionne la correction proposée ?

L’outil garde la teinte et la saturation de la couleur du texte et ne modifie que sa luminosité, du plus petit écart qui atteint le rapport requis, puis propose cette couleur.