Vérificateur de contraste
Deux couleurs en entrée, le rapport en sortie, et un verdict pour chaque taille que les WCAG évaluent séparément. Quand une paire échoue, l'outil cherche la couleur la plus proche qui passe sans déplacer votre teinte : la correction reste dans la charte. Le chiffre plus récent de l'APCA figure à côté, clairement signalé comme n'étant pas encore la norme.
| Où c'est utilisé | Minimum requis | AA | AAA |
|---|
Grand texte, à partir de 24 px
Texte courant à taille normale : le cas que la plupart des pages doivent réellement réussir.
Ce que le rapport mesure vraiment
Chaque couleur est convertie en luminance relative : une somme pondérée de ses canaux rouge, vert et bleu après annulation de la courbe gamma sRGB, le vert pesant le plus car c'est à lui que l'œil est le plus sensible. Le rapport, c'est la luminance la plus claire augmentée d'une petite constante, divisée par la plus sombre augmentée de la même constante. Cette constante empêche l'échelle de filer à l'infini face au noir pur, et c'est aussi pourquoi la formule est plus indulgente avec les fonds sombres que ne le sont les yeux de la plupart des gens.
Pourquoi une même paire reçoit plusieurs verdicts
Les WCAG n'évaluent pas une paire de couleurs une seule fois. Le grand texte a droit à un seuil plus bas que le texte courant, parce que la taille fait une partie du travail que le contraste devrait sinon assurer ; et les composants d'interface — bordure de case à cocher, anneau de focus — sont évalués séparément encore. Une palette qui échoue pour le corps de texte peut être parfaitement correcte pour un titre : le tableau donne donc tous les cas plutôt qu'un seul verdict.
Garder la teinte quand on corrige
Le réflexe habituel face à une paire qui échoue, c'est d'attraper un gris plus foncé — ce qui vide peu à peu une marque de sa couleur sans que personne le remarque. La suggestion proposée ici ne déplace que la luminosité, du plus petit pas qui franchit le seuil, et laisse teinte et saturation là où vous les avez mises. C'est la même couleur, juste poussée assez loin pour être lisible.
À propos du chiffre APCA
L'APCA est le modèle de contraste en cours d'élaboration pour la prochaine version des règles. Il prend en compte ce que le rapport des WCAG 2 ignore — la polarité, la graisse de la police, la façon dont le contraste perçu s'effondre sur fond sombre — et il rejoint généralement ce que voient vos yeux là où l'ancienne formule ne le fait pas. Il est affiché ici parce qu'il est réellement instructif, et clairement étiqueté parce que ce n'est pas sur lui qu'on vous évalue. Aujourd'hui, la conformité, c'est le rapport, pas le Lc.
FAQ
Qu'est-ce qui compte comme grand texte ?
18 points, environ 24 pixels, ou 14 points en gras, environ 18,66 pixels en gras. En dessous, c'est du texte normal, et il faut le rapport supérieur.
Mes gris passent sur blanc mais échouent sur fond sombre. Pourquoi ?
La formule des WCAG 2 n'est pas symétrique comme l'est la perception. Un texte clair sur fond sombre paraît moins contrasté à l'œil que le rapport ne le laisse croire, et c'est précisément l'une des failles que l'APCA vise à combler. Si la paire ne passe que de justesse sur fond sombre, croyez vos yeux et poussez un peu plus.
Le rapport s'applique-t-il aux icônes et aux bordures ?
Oui, à 3:1, au titre de la règle sur le contraste des éléments non textuels. Elle couvre les parties d'un contrôle qu'il faut voir pour s'en servir — le contour d'un champ, un interrupteur, un indicateur de focus — mais pas les graphismes décoratifs ni un logo.
Ce que je saisis ici est-il envoyé quelque part ?
Non. Les couleurs ne quittent jamais la page, et rien n'est envoyé ni conservé.
Réalisé par l'équipe GO AI. Convertisseur OKLCH · Notre déclaration d'accessibilité · Tous les outils gratuits