Vérificateur de contraste des couleurs
Vérifiez localement le contraste entre la couleur de premier plan et celle d’arrière-plan selon la formule de luminance relative WCAG, déterminez séparément les seuils pour le texte courant et le texte de grande taille AA/AAA, et prenez en charge l’exportation des rapports.
Comment utiliser le vérificateur de contraste des couleurs
Les valeurs de couleur servent uniquement à calculer la luminance relative et le contraste dans le navigateur actuel ; elles ne sont ni envoyées ni enregistrées.
Saisissez deux couleurs
Utilisez le sélecteur de couleur ou collez une valeur #RRGGBB pour définir la couleur de premier plan et celle d’arrière-plan ; l’aperçu est mis à jour simultanément.
Seuils de vérification
Cliquez sur Vérifier pour afficher séparément l’état de réussite du texte courant AA, du texte courant AAA et des grands caractères AA.
Copier le relevé de contrôle
Une fois la vérification réussie, vous pouvez copier le rapport ou télécharger TXT, qui consigne les valeurs de couleur, les ratios et les résultats pour chaque seuil.
Restrictions et remarques
- La première version accepte uniquement les valeurs #RGB ou #RRGGBB sans transparence ; pour les couleurs semi-transparentes, il faut d’abord déterminer l’arrière-plan de composition réel.
- 4.5:1 s’applique au texte courant AA, 3:1 s’applique aux grandes tailles de texte AA, et 7:1 constitue le seuil de référence pour le texte courant AAA ; vérifiez également la taille de police, la graisse et le contraste des éléments non textuels.
- L’outil calcule uniquement le contraste entre deux couleurs unies ; il ne simule ni les dégradés, ni les images, ni les ombres, ni le rendu des polices, ni les arrière-plans complexes.
Foire aux questions
Que signifie 4.5:1 ?
Il s’agit de WCAG le seuil minimal de AA de contraste pour le texte courant ; le seuil de AA pour le texte de grande taille est 3:1.
Pourquoi la transparence ne peut-elle pas être évaluée directement ?
La couleur finale d’un premier plan ou d’un arrière-plan transparent dépend de l’ordre de composition et de l’image sous-jacente ; il est plus fiable de déterminer d’abord la couleur unie réellement affichée.
Un contraste conforme garantit-il forcément l’accessibilité ?
Pas nécessairement. Vérifiez également la taille, la graisse et l’état de la police, le focus, les composants non textuels, les arrière-plans d’image et le rendu sur l’appareil réel.