Accessibilité numérique Color Checker
Le texte à faible contraste est le problème d'accessibilité le plus fréquemment détecté sur le Web. Découvrez précisément les exigences de WCAG 2.2 concernant les couleurs et le contraste - et vérifiez chaque page, domaine et PDF avec les outils de test d'EqualWeb.
Un vérificateur de couleurs pour l'accessibilité numérique vérifie que les couleurs du texte et de l'interface respectent les exigences de contraste de WCAG - au moins 4,5:1 pour le texte normal selon le critère de succès 1.4.3 de WCAG 2.2. Le texte à faible contraste est le problème d'accessibilité le plus souvent détecté sur le web ; il a été constaté sur 83,9 % des 1 000 000 de pages d'accueil les plus consultées dans le rapport WebAIM Million 2026. EqualWeb intègre la vérification du contraste des couleurs à tous ses outils de test - l'Accessibility Checker gratuit, l'Accessibility Crawler, l'Accessibility Monitor et le PDF Checker - afin que les défauts de contraste soient détectés automatiquement lors de chaque analyse WCAG 2.2.
Quelles sont les exigences de WCAG en matière de couleur et de contraste ?
WCAG 2.2 fixe des seuils précis et mesurables pour le contraste des couleurs. Le critère de succès 1.4.3 Contraste (minimum), niveau AA, exige un rapport de contraste d’au moins 4,5:1 entre un texte normal et son arrière-plan, et d’au moins 3:1 pour un texte de grande taille. Un texte de grande taille correspond à au moins 18 points (environ 24 px) en graisse normale, ou à 14 points (environ 18,5 px) en gras. Les mêmes rapports s’appliquent aux images de texte, avec des exceptions pour les logotypes et les textes purement décoratifs.
Au niveau AAA, plus strict, le critère de succès 1.4.6 Contraste (amélioré) relève le seuil à 7:1 pour le texte normal et à 4.5:1 pour le texte de grande taille. Le contraste ne concerne pas seulement le texte : le critère de succès 1.4.11 Contraste du contenu non textuel, de niveau AA, exige un rapport d’au moins 3:1 entre les composants d’interface utilisateur - boutons, bordures de champs de formulaire, indicateurs de focus - et les couleurs adjacentes, ainsi que le même rapport de 3:1 pour les parties des éléments graphiques nécessaires à la compréhension du contenu.
L’accessibilité des couleurs va également au-delà du calcul du contraste. Le critère de succès 1.4.1 Utilisation de la couleur, niveau A, précise que la couleur ne peut pas être le seul moyen visuel de transmettre une information. Un lien qui se distingue du corps du texte uniquement par sa couleur, ou une erreur de formulaire indiquée uniquement en rouge, ne respecte pas ce critère, même lorsque tous les rapports de contraste sont conformes.
- SC 1.4.3 Contraste (minimum), niveau AA : au moins 4,5:1 pour le texte normal, 3:1 pour le texte de grande taille
- Texte de grande taille : au moins 18pt (environ 24px), ou 14pt (environ 18.5px) s’il est en gras
- SC 1.4.6 Contraste (amélioré), niveau AAA : au moins 7:1 pour le texte normal et 4,5:1 pour le texte de grande taille
- SC 1.4.11 Contraste des éléments non textuels, niveau AA : au moins 3:1 pour les composants d'interface utilisateur et les éléments graphiques porteurs de sens
- SC 1.4.1 Utilisation de la couleur, niveau A : la couleur n’est jamais le seul indicateur de sens
Comment vérifiez-vous les couleurs de votre site Web avec EqualWeb ?
Vous n'avez pas besoin d'un sélecteur de couleurs distinct pour auditer un site web en ligne. La vérification du contraste des couleurs est intégrée à chaque outil de test EqualWeb dans le cadre d'une analyse WCAG 2.2 complète, afin que le contraste soit vérifié avec tous les autres éléments exigés par les WCAG - sur les pages et les documents que vous publiez réellement.
Commencez par le vérificateur d’accessibilité gratuit : saisissez une URL et obtenez en quelques secondes une note d’accessibilité de 0 à 100, avec chaque élément à faible contraste signalé, associé au critère de succès WCAG précis, tel que 1.4.3, et classé par gravité. La suite de tests s’adapte ensuite à tout ce que vous devez couvrir - un domaine entier, un site modifié quotidiennement ou une bibliothèque de documents - et tous les résultats sont regroupés dans un tableau de bord EqualWeb.
- Accessibility Checker - analyse instantanée gratuite de toute URL individuelle ; signale le texte inférieur au rapport de contraste requis, avec le critère WCAG 2.2 et le niveau de gravité de chaque problème
- Accessibility Crawler - une extension Chrome infonuagique qui analyse l’ensemble de votre domaine en temps réel, y compris les pages protégées par mot de passe, les formulaires et les médias
- Monitor d’accessibilité - analyse continue planifiée avec une note de conformité réglementaire en direct de 0 à 100, afin de détecter les nouveaux problèmes de contraste introduits par des modifications de conception ou de contenu ; analyse gratuite de 100 pages pour commencer
- PDF Checker - audite les documents PDF dans 7 catégories d'accessibilité ; les éléments de contraste que l'IA ne peut pas vérifier entièrement sont marqués « À vérifier » afin qu'une personne puisse les confirmer
Comment corriger les problèmes de contraste des couleurs une fois détectés ?
Chaque problème signalé dans un rapport EqualWeb est accompagné d’indications claires sur les corrections à apporter et du critère de succès WCAG 2.2 exact, afin que les concepteurs et les développeurs sachent précisément quelles paires de couleurs ajuster et dans quelle mesure.
Pour la mise en accessibilité, l’IA du widget d’accessibilité corrige automatiquement et en temps réel plus de 80 problèmes courants liés aux WCAG 2.2 dans le navigateur, sans modifier votre code source. L’automatisation a toutefois ses limites : les décisions relatives à la palette de la marque nécessitent souvent un jugement humain, et certains critères ne peuvent pas être vérifiés automatiquement. Lorsque l’objectif est une conformité réglementaire complète aux WCAG, à l’ADA et à l’EAA, le service Managed Compliance d’EqualWeb fait intervenir des experts certifiés IAAP/CPWA qui auditent, rendent accessible, surveillent et attestent votre accessibilité de bout en bout.
Le widget répond également directement aux besoins des visiteurs. Son menu d’accessibilité comprend 9 profils et plus de 13 outils d’assistance, dont deux profils conçus spécialement pour la couleur et le contraste : le profil Déficience visuelle renforce le contraste, agrandit le texte et ajoute une loupe, tandis que le profil Daltonisme ajuste les palettes afin que le sens ne repose jamais uniquement sur la couleur. Ces réglages effectués par l’utilisateur complètent - sans remplacer - le respect des rapports de contraste WCAG dans votre propre conception.
Quels sont les problèmes d’accessibilité des couleurs les plus courants ?
Le texte à faible contraste est le défaut d’accessibilité le plus courant sur le Web. Le rapport WebAIM Million 2026, qui analyse les 1 000 000 de pages d’accueil les plus consultées, a relevé du texte sous les seuils de contraste WCAG 2 AA sur 83,9 % des pages d’accueil - contre 79,1 % en 2025, ce qui en fait le problème détecté le plus courant - avec une moyenne de 34 occurrences distinctes de faible contraste par page.
La plupart de ces échecs proviennent de quelques schémas récurrents : texte courant gris clair et texte indicatif sur fond blanc, texte placé sur des photos ou des dégradés, liens distingués du texte environnant uniquement par la couleur et états d'erreur reposant seulement sur le rouge. Comme ces problèmes sont généralement introduits à l'occasion d'une modification de conception ou de contenu, l'analyse continue avec Accessibility Monitor les détecte bien plus tôt qu'un audit ponctuel.
- Texte gris clair et texte indicatif des champs de formulaire sous le minimum de 4,5:1
- Texte sur des images ou des dégradés sans couche de contraste suffisante
- Liens identifiés uniquement par la couleur, sans soulignement ni autre indication (SC 1.4.1)
- Erreurs de formulaire signalées uniquement en affichant un champ en rouge
- Boutons, icônes et indicateurs de focus sous le minimum de 3:1 pour le contenu non textuel (SC 1.4.11)
Accessibilité des couleurs - questions fréquentes
Comment vérifier si les couleurs de mon site Web sont accessibles ?
Quel rapport de contraste les WCAG exigent-elles ?
EqualWeb propose-t-il un vérificateur de contraste des couleurs ?
Quelle est l’erreur d’accessibilité des couleurs la plus courante ?
Le widget EqualWeb peut-il corriger les problèmes de contraste des couleurs ?
Les WCAG autorisent-elles l'utilisation de la seule couleur pour signaler les liens ou les erreurs ?
Consultez chaque problème de contraste sur votre site
Lancez gratuitement une vérification instantanée de n'importe quelle page - contraste des couleurs compris - ou analysez l'ensemble de votre domaine avec le Crawler et Monitor.