Repères pratiques pour votre activité

Texte et boutons : vérifier le contraste sur son site

Mesurez la couleur du texte contre son fond réel, y compris dans les boutons et leurs différents états. Un contraste qui paraît suffisant sur votre écran mérite une vérification chiffrée.

Relever les couleurs ; Mesurer le rapport ; Valider les états
Une séquence de contrôle adaptée à cette tâche.
01

Recenser les couples utilisés

Choisissez une page de service et son parcours de contact. Notez les textes courants, liens, boutons, aides et messages d’erreur. Pour chacun, relevez la couleur du texte et celle de son arrière-plan dans les styles calculés du navigateur. Proposition de relevé : une ligne par combinaison et par état, avec une capture pour retrouver son emplacement. Une couleur de marque seule ne permet pas de conclure ; elle doit être évaluée face au fond sur lequel elle apparaît.

02

Lire le bon seuil

Le critère WCAG 2.2 1.4.3 de niveau AA prévoit au moins 4,5:1 pour le texte courant et 3:1 pour le grand texte. Le W3C définit ce dernier notamment à partir de 18 points en graisse normale ou 14 points en gras. Le texte d’un bouton n’est pas exempté parce qu’il est dans un composant. Les logos et certains contenus inactifs ou décoratifs relèvent d’exceptions précises. Un texte d’information ordinaire ne devient pas décoratif parce qu’il est secondaire.

03

Mesurer les états réellement affichés

Utilisez un outil qui calcule le rapport de contraste et conservez les deux valeurs de couleur avec le résultat. Le W3C précise qu’un résultat inférieur au seuil ne doit pas être arrondi pour le faire passer. Vérifiez aussi le survol, le focus et les erreurs lorsque le texte change de couleur. Sur une photographie ou un dégradé, un seul prélèvement favorable ne représente pas tous les fonds possibles. Proposition de correction : essayez un fond uni sous le texte avant de multiplier les effets.

04

Corriger puis relire la page

Ajustez une combinaison à la fois, puis vérifiez que les liens, titres et boutons restent identifiables dans le système graphique. Enregistrez la couleur retenue et son usage pour éviter que la correction disparaisse à la prochaine publication. Ce guide concerne le contraste du texte : les composants non textuels, la taille des cibles et les autres exigences nécessitent leurs propres contrôles. Un rapport conforme sur quelques couleurs ne certifie pas l’accessibilité du site entier.

Votre grille de contrôle

Une trame proposée par koldia, à adapter à votre activité.

Point à contrôlerRepèreAction ou résultat attendu
Texte courantCouleur et fond effectifsSeuil de 4,5:1
Grand texteTaille et graisse vérifiéesSeuil de 3:1 si applicable
BoutonTexte dans chaque étatMême logique de texte
Photo de fondZone derrière les lettresVérifier les cas défavorables

Avant de terminer

Ces cases sont enregistrées uniquement dans votre navigateur.

Sources officielles et suivi

Informations vérifiées le 22 octobre 2026. Prochaine revue prévue le 22 janvier 2027, ou plus tôt si le fonctionnement change. Les libellés peuvent varier selon le compte et l’interface.

Besoin d’aide pour votre visibilité ?

Un premier échange offert de 15 minutes par téléphone, sans engagement, pour préciser votre besoin.

Parlons de votre projet