Remplissez un formulaire de travers et regardez ce qui se passe. Un champ devient rouge. Peut-être une fine bordure rouge, peut-être du texte rouge. Pour vous, ça se lit instantanément comme « corrige ceci ». Maintenant, imaginez que vous ne distinguez pas le rouge du gris et du vert autour - la bordure a juste l'air d'une bordure, le texte a juste l'air d'un texte, et rien ne vous dit à quel champ revenir. Vous n'êtes pas perdu par négligence. Vous êtes perdu parce que le site a mis tout le message dans une couleur que vous ne voyez pas, sans laisser d'autre indice. C'est l'une des plus vieilles et des plus fréquentes erreurs d'accessibilité sur le Web, elle a sa propre règle WCAG, et cette règle se situe au palier de conformité le plus fondamental - celui que l'Ontario applique réellement.
Faits essentiels
- Le critère de succès 1.4.1 Utilisation de la couleur de WCAG (Web Content Accessibility Guidelines) est de niveau A - le palier de conformité le plus fondamental - et fait partie de la norme depuis WCAG 2.0 (W3C).
- La règle : la couleur ne doit pas être le seul moyen visuel de transmettre une information, d'indiquer une action, de solliciter une réponse ou de distinguer un élément d'un autre (W3C).
- La déficience de la vision des couleurs touche, selon un chiffre couramment cité, environ 1 homme sur 12 (environ 8 %) et 1 femme sur 200, avec une estimation de 300 millions de personnes dans le monde (Colour Blind Awareness).
- Le RNAI de l'Ontario (Règlement sur les normes d'accessibilité intégrées, Règl. de l'Ont. 191/11), art. 14, exige des organisations de 50 employés ou plus et du secteur public qu'elles respectent WCAG 2.0 niveau AA sur les sites Web publics - et le niveau AA intègre tous les critères de niveau A, donc le 1.4.1 est à l'intérieur de ce seuil (ontario.ca).
- Le prochain RCL (Rapport de conformité en matière d'accessibilité) pour les organisations de 20 employés ou plus est dû le 31 décembre 2026 (ontario.ca).
Qu'exige réellement « Utilisation de la couleur » ?
Moins que le nom le laisse croire, et rien que vous ayez à abandonner. La règle n'interdit pas la couleur, et elle ne dit pas « cessez d'utiliser le rouge pour les erreurs ». La couleur est un signal rapide et efficace pour les gens qui la voient, et vous devriez continuer de l'utiliser. Ce que dit le 1.4.1 est étroit : la couleur ne peut pas être le seul signal. Chaque fois que vous utilisez la couleur pour dire quelque chose à l'utilisateur - ce champ est erroné, ce mot est un lien, cette commande est expédiée, ce siège est pris - il doit y avoir un second indice qui ne dépend pas de la vue de la couleur.
Ce second indice est habituellement petit. Un champ d'erreur rouge reçoit aussi une icône d'erreur et une ligne de texte nommant le problème. Un lien dans un paragraphe reçoit un soulignement, pas seulement une couleur différente. Une ligne « en stock » reçoit les mots « en stock », pas seulement un point vert. Un champ obligatoire reçoit le mot « obligatoire » ou un astérisque avec une légende, pas seulement une étiquette rouge. Dans presque tous les cas, le correctif consiste à ajouter une forme, un mot ou un motif à côté de la couleur que vous utilisez déjà. Vous n'enlevez rien. Vous vous assurez que le message survit quand la couleur ne passe pas.
Où l'information par couleur seule se cache-t-elle sur les vrais sites ?
Aux endroits où vous vous y attendriez le moins, parce que la personne qui a construit la page voyait la couleur et n'a jamais remarqué le manque. Quelques schémas reviennent sans cesse.
Le classique est le lien qui n'est qu'une couleur différente du texte autour - pas de soulignement, pas de gras, rien qu'une teinte. Passez la page en niveaux de gris dans votre tête et ces liens disparaissent dans le paragraphe. Le deuxième est la validation de formulaire : des champs et des messages qui deviennent rouges à l'erreur et verts au succès, la couleur portant tout le sens. C'est exactement là que cette règle recoupe le fait de rendre le formulaire lui-même accessible, et c'est celui qui vous coûte discrètement des passages à la caisse terminés. Il y a ensuite les indicateurs d'état partout ailleurs - un point vert ou rouge pour la disponibilité, une étiquette colorée pour « solde » ou « épuisé », un graphique où le seul moyen de distinguer deux courbes est que l'une est bleue et l'autre orange, un calendrier où les jours réservés et libres ne diffèrent que par la nuance. Chacun de ces cas est un endroit où un visiteur daltonien, ou quelqu'un sur un écran bon marché en plein soleil, obtient moins d'information que tout le monde.
Rien de tout cela ne veut dire que la couleur doit disparaître. Cela veut dire que la couleur a besoin d'un compagnon.
N'est-ce pas simplement la règle de contraste ?
Non, et la différence vaut la peine d'être clarifiée, car les sites réussissent souvent l'une et échouent à l'autre. La règle de contraste (1.4.3) porte sur la lisibilité - y a-t-il assez d'écart clair-foncé entre le texte et son arrière-plan pour qu'une personne malvoyante puisse le lire du tout. L'Utilisation de la couleur (1.4.1) porte sur le sens - dépendez-vous de la couleur d'un élément pour communiquer. Votre lien peut avoir un contraste parfait de 21:1 sur la page et échouer tout de même au 1.4.1 parce que, avec un fort contraste ou non, la seule chose qui le signale comme un lien est qu'il est bleu. Ce sont des vérifications distinctes, à des paliers distincts - le 1.4.1 est de niveau A, le 1.4.3 de niveau AA - et un site peut trébucher sur l'une ou l'autre à elle seule.
Comment le vérifier, et quel est le risque en Ontario ?
Vous pouvez faire un contrôle rapide de la plupart de votre site en quelques minutes, et l'astuce est d'enlever la couleur :
- Cherchez la couleur qui fait un travail à elle seule. Parcourez vos pages clés - passage à la caisse, formulaires, listes de produits, tableaux de bord, tout graphique - et demandez-vous, pour chaque indice coloré : si je ne voyais pas cette couleur, obtiendrais-je tout de même le message ? Les états d'erreur et les liens dans le texte sont les coupables habituels.
- Désaturez la page. Les outils de développement du navigateur, une extension ou le mode niveaux de gris de votre système d'exploitation retireront la couleur. Tout ce qui devient ambigu en gris est un problème de 1.4.1 - un lien que vous ne trouvez plus, un champ rouge qui a maintenant l'air identique à un champ valide.
- Ajoutez le second indice. Un soulignement pour les liens, une icône et un message textuel pour les erreurs, une étiquette ou un motif pour l'état. De petits changements, et ils aident tout le monde, pas seulement les personnes daltoniennes - la clarté supplémentaire se lit mieux sur un téléphone en plein jour aussi.
Une note sur l'outillage : un vérificateur automatisé détecte une partie de cela - il peut signaler un lien distingué uniquement par la couleur - mais il ne peut pas juger de l'intention, alors il rate la plupart des cas d'état et de graphique. C'est une autre raison pour laquelle une analyse n'est pas un audit : décider si la couleur est « le seul indice » demande un œil humain, pas un robot d'exploration. Une surcouche greffée n'aide pas non plus, puisqu'une surcouche ne peut pas réécrire le sens que votre balisage ne porte pas.
Sur les enjeux, le portrait honnête est le même qui s'applique à tout obstacle. En Ontario, la LAPHO (Loi sur l'accessibilité pour les personnes handicapées de l'Ontario) ne prévoit aucun droit d'action privé, donc personne ne vous poursuit directement en vertu de celle-ci ; la voie réelle pour un particulier est une plainte au TDPO (Tribunal des droits de la personne de l'Ontario) en vertu du Code des droits de la personne de l'Ontario, et voici comment une seule plainte se déroule vraiment. Si vous vendez aux États-Unis, un formulaire que personne ne peut corriger ou un lien que personne ne peut trouver est le genre d'obstacle qui apparaît dans les plaintes Web au titre de l'ADA (Americans with Disabilities Act). La réponse durable n'est pas un avis de non-responsabilité - c'est une remédiation documentée : un registre daté de ce que vous avez trouvé et corrigé, ce qu'un RCL honnête devrait refléter d'ici le 31 décembre 2026.
Le côté rassurant : parce que le 1.4.1 se situe au niveau A, les correctifs sont habituellement du genre le moins coûteux - un mot ici, un soulignement là, une icône sur une erreur. Palier de base, effort de base, et cela referme un écart qui exclut de vrais clients des pages mêmes que vous voulez le plus les voir terminer.
Vérifiez si vos formulaires, vos liens et vos indicateurs d'état s'appuient sur la couleur seule, et cherchez d'autres problèmes d'accessibilité - rapport Vayle gratuit, environ 30 secondes : vayle.art. Il détecte les surcouches, révèle les vrais manquements WCAG et vous indique exactement ce qui s'applique légalement à votre organisation en Ontario. Sans engagement.
Vayle est un studio d'ingénierie de l'accessibilité, à distance, au service de l'Ontario. Renseignements généraux, pas un avis juridique.