Thème 3 — Couleurs

Ce que le RGAA exige pour les couleurs

Le thème 3 protège deux publics : les personnes qui distinguent mal les couleurs (8 % des hommes présentent une forme de daltonisme) et celles qui lisent un écran en plein soleil, sur du matériel vieillissant, ou avec une vision qui baisse. Il pose trois règles : l’information ne doit jamais être donnée uniquement par la couleur (critère 3.1 — « les champs en rouge sont obligatoires » ne suffit pas) ; le texte doit contraster suffisamment avec son fond (critère 3.2 — ratio minimal de 4,5:1, ou 3:1 pour les grands textes) ; et les composants d’interface et éléments graphiques porteurs d’information doivent atteindre 3:1 (critère 3.3).

L’erreur type : le gris élégant

Le gris clair sur fond blanc est l’erreur de contraste la plus répandue du web professionnel : #999999 sur blanc affiche un ratio de 2,8:1 — illisible pour une partie réelle de vos visiteurs, et non conforme. Les palettes de marque doivent être vérifiées avant d’être déployées : assombrir un gris de deux crans ne trahit aucune identité visuelle.

Comment vérifier votre site

Notre vérificateur de contrastes mesure automatiquement les ratios des textes stylés en ligne et signale ceux qui passent sous 4,5:1. Pour une couverture exhaustive (styles en feuilles externes, états de survol, composants), complétez avec les outils de développement du navigateur ou un audit professionnel.

Les fiches critères du thème Couleurs

0 fiche détaillée sur 3 critères — les fiches sont publiées progressivement, avec vérification contre le texte officiel du référentiel.

Guides de correction liés à ce thème

• Corriger les contrastes de texte insuffisants

← Thème 2 : Cadres · Thème 4 : Multimédia →