Contraste de couleurs insuffisant

Le contraste insuffisant entre le texte et son arrière-plan est l'un des problèmes d'accessibilité les plus fréquents et pourtant les plus simples à corriger. Le critère 3.2 du RGAA impose un ratio de contraste minimum de 4.5:1 pour le texte de taille standard et de 3:1 pour le texte agrandi (24px ou 18.5px en gras). Ces seuils ne sont pas arbitraires : ils sont issus de recherches en ergonomie visuelle et garantissent la lisibilité du texte dans la plupart des conditions. Un texte gris clair (#999) sur fond blanc (#fff) a un ratio de contraste de seulement 2.85:1 — largement insuffisant. Un texte bleu clair sur fond blanc, un texte blanc sur fond jaune, un texte gris sur fond gris légèrement plus foncé : ces combinaisons de couleurs sont omniprésentes sur le web et posent toutes des problèmes de lisibilité. Le manque de contraste ne touche pas uniquement les personnes atteintes de déficiences visuelles. Il affecte aussi les utilisateurs qui consultent leur écran en plein soleil, sur un écran de mauvaise qualité, ou tout simplement les personnes âgées dont l'acuité visuelle diminue naturellement. Selon l'OMS, 2,2 milliards de personnes dans le monde souffrent de déficience visuelle, dont 300 millions de daltoniens. Un contraste insuffisant rend votre contenu inaccessible pour une part significative de votre audience. Il est important de noter que le critère de contraste s'applique aussi aux textes intégrés dans des images, aux placeholders des champs de formulaire, aux textes sur des images de fond, et aux éléments d'interface comme les bordures de champs de saisie. Les icônes et les éléments graphiques porteurs d'information doivent également respecter un ratio de contraste minimum de 3:1 avec leur environnement.

Pour une personne malvoyante, un texte avec un contraste insuffisant est tout simplement illisible. Elle doit plisser les yeux, se rapprocher de l'écran, ou utiliser un outil d'agrandissement — autant de efforts supplémentaires qui rendent la navigation épuisante. Pour les personnes daltoniennes (8% des hommes, 0,5% des femmes), certaines combinaisons de couleurs qui semblent contrastées à un œil normal deviennent indiscernables. Le rouge sur fond vert, par exemple, est invisible pour un daltonien deutéranope. Les personnes âgées sont aussi très touchées : après 60 ans, le cristallin jaunit et la sensibilité aux contrastes diminue significativement. Un site avec des textes faiblement contrastés exclut de fait les seniors, qui représentent pourtant un segment croissant des internautes. Au-delà du handicap, le contraste insuffisant dégrade l'expérience de tous les utilisateurs. En extérieur, sous un soleil direct, même un utilisateur avec une vision parfaite ne peut pas lire un texte gris clair sur fond blanc. C'est un problème universel qui affecte la conversion et l'engagement sur votre site.