Outil · WCAG 1.4.3
Vérificateur de contraste WCAG : ratio de contraste texte et fond
Un texte trop pâle est l'un des obstacles les plus fréquents – et aucun test HTML ne le trouve de façon fiable. Vérifiez n'importe quelle combinaison de couleurs en quelques secondes.
Mesurer d'abord, corriger ensuite. Le test gratuit montre en quelques secondes ce qui manque dans le HTML de votre boutique. Le Kit accessibilité (29 €) contient le code de correction pour chaque problème, un générateur de déclaration d'accessibilité et une checklist pour tout ce qu'un outil ne trouve pas.
Tester ma boutique gratuitementAcheter le kitRapport (59 €)Vérificateur de contraste
Texte normal : Ajouter au panier
Grand texte : 29,90 €
Pièges typiques en e-commerce
- Placeholders gris clair dans la recherche et les formulaires.
- Texte blanc sur boutons pastel.
- Anciens prix barrés en gris clair.
- Texte sur photos sans voile sombre.
- Contours de focus à peine visibles.
Questions fréquentes
Quel contraste exigent les WCAG ?
Le niveau AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (à partir de 24 px, ou 18,66 px en gras) et pour les composants d'interface. Le niveau AAA exige 7:1 et 4,5:1.
Comment le ratio est-il calculé ?
Avec la formule WCAG : luminance relative des deux couleurs, ratio = (plus claire + 0,05) / (plus foncée + 0,05).
Mesurer d'abord, corriger ensuite. Le test gratuit montre en quelques secondes ce qui manque dans le HTML de votre boutique. Le Kit accessibilité (29 €) contient le code de correction pour chaque problème, un générateur de déclaration d'accessibilité et une checklist pour tout ce qu'un outil ne trouve pas.
Tester ma boutique gratuitementAcheter le kitRapport (59 €)