Il y a une phrase qu'on entend dans presque toutes les rencontres de validation : « c'est un choix esthétique ». Elle sert le plus souvent à défendre un gris clair sur fond blanc, un corps de texte à 11 pixels, ou un bouton dont on ne comprend pas qu'il en est un. Ce n'est pas un choix esthétique. C'est un design qui ne remplit pas sa fonction, et qui a trouvé un joli mot pour le dire.
L'accessibilité n'est pas une case à cocher
Dans la plupart des organisations, l'accessibilité arrive à la fin, sous forme d'audit. Quelqu'un passe un outil automatique sur le site terminé, produit une liste de non-conformités, et une équipe corrige à la marge : on fonce un gris, on ajoute un texte alternatif, on rehausse un contraste de bouton. Le résultat est un site conforme et toujours inconfortable, parce qu'on a corrigé des valeurs sans corriger les décisions qui les avaient produites.
L'erreur de cadrage est celle-ci : on traite l'accessibilité comme une contrainte imposée au design, alors que c'est une composante de sa qualité. Un texte lisible par une personne de 70 ans est aussi plus lisible par tout le monde, sur un téléphone, en plein soleil, dans un autobus. Un bouton dont la fonction se comprend sans la couleur se comprend aussi plus vite pour tous. Ce n'est pas une concession consentie à une minorité. C'est du design qui fonctionne dans les conditions réelles d'usage plutôt que dans les conditions du studio.
Cette confusion a une conséquence pratique : tant que l'accessibilité est perçue comme une contrainte externe, elle sera arbitrée contre l'esthétique, et elle perdra. Reformulée comme un critère de qualité, elle change de camp. La question n'est plus « est-ce qu'on doit sacrifier le design pour être conforme ? » mais « est-ce que ce design fonctionne pour les gens qui vont réellement l'utiliser ? ». La deuxième question a une réponse vérifiable.
Le gris clair sur blanc, ce classique
Le contraste est la première cause d'illisibilité et la plus facile à corriger. Les normes internationales fixent des seuils précis : un rapport d'au moins 4,5 pour 1 entre le texte et son fond pour du texte courant, et 3 pour 1 pour du grand texte. Ce sont des mesures, pas des opinions, et n'importe quel outil gratuit les calcule en deux secondes à partir de deux codes hexadécimaux.
Pourquoi tant de sites échouent-ils alors sur un point aussi simple ? Parce que la validation se fait dans de mauvaises conditions. Un écran de designer est calibré, lumineux, en intérieur, regardé par des yeux de 32 ans. L'utilisateur réel a un écran d'ordinateur portable de cinq ans, une luminosité réduite pour économiser la batterie, et il consulte le site dehors. Le gris à 60 % qui paraissait élégant sur le premier écran disparaît purement et simplement sur le second.
La leçon générale est que la finesse graphique ne dépend presque jamais de la faiblesse du contraste. On peut faire discret avec de l'échelle, de l'espace, du poids typographique et de la position. Sacrifier la lisibilité pour obtenir de la délicatesse, c'est utiliser le seul levier qui ampute la fonction du texte alors que quatre autres étaient disponibles.
Le corps de texte et l'âge du lecteur
La presbytie commence en moyenne vers 45 ans et concerne presque tout le monde après 55 ans. Si votre organisation s'adresse à des donateurs, à des abonnés d'une salle de spectacle, à des membres d'un ordre professionnel ou à une clientèle municipale, l'âge médian de votre public est bien plus élevé que celui de l'équipe qui conçoit le site. Cela devrait suffire à régler le débat sur la taille du texte.
Un corps de 16 pixels est aujourd'hui un plancher raisonnable pour du texte courant sur écran, et 17 ou 18 sont souvent plus confortables. Mais la taille seule ne suffit pas : la lisibilité dépend autant de l'interlignage, autour de 1,5 fois la taille du texte, et de la longueur de ligne, idéalement entre 45 et 75 caractères. Un texte de 18 pixels étalé sur toute la largeur d'un grand écran reste pénible à lire, parce que l'œil perd la ligne à chaque retour.
Il faut aussi laisser le texte grandir. Un utilisateur qui augmente la taille de police dans son navigateur ne doit pas voir la mise en page se briser, ni le contenu se faire couper. Cela suppose des unités relatives plutôt que des hauteurs fixes, et des blocs qui s'étirent au lieu de tronquer. C'est un choix technique, mais il découle directement d'une décision de design : accepter que la mise en page finale ne sera pas exactement celle de la maquette.
Ne jamais faire porter le sens par la couleur seule
Environ un homme sur douze présente une forme de déficience de la vision des couleurs. Le rouge et le vert sont les plus touchés, ce qui est ironique puisque ce sont exactement les deux couleurs que nous utilisons partout pour dire « erreur » et « succès ». Un champ de formulaire dont la bordure devient rouge, sans aucun autre signal, est un champ dont l'erreur est invisible pour une partie du public.
La règle est simple et ne coûte presque rien : la couleur peut renforcer une information, elle ne doit jamais la porter seule. Un message d'erreur s'accompagne d'un texte explicite et d'un pictogramme. Une courbe de graphique se distingue aussi par son style de trait ou par une étiquette directe. Un lien dans un paragraphe reste souligné, ou porte un autre signal que sa seule teinte. Le test est facile à faire soi-même : passez la maquette en noir et blanc. Si une information disparaît, elle reposait sur la couleur seule.
Les cibles, les mains et les conditions réelles
Sur mobile, la taille des zones cliquables est une question d'ergonomie physique avant d'être une question de design. Une cible d'environ 44 points de côté, avec un espacement suffisant entre deux cibles voisines, correspond à ce qu'un pouce peut atteindre de façon fiable. En dessous, le taux d'erreur monte, et il monte beaucoup plus vite pour une personne âgée, pour quelqu'un qui a un tremblement, ou tout simplement pour un usager debout dans un autobus.
C'est le même raisonnement que pour le contraste : les conditions de test ne sont pas les conditions d'usage. Personne n'utilise votre interface assis dans un bureau calme avec les deux mains libres. Les gens l'utilisent avec un enfant dans les bras, en marchant, avec des gants l'hiver, avec un réseau lent, avec une seule main. Un design qui ne survit qu'aux conditions du studio n'est pas un design terminé.
Ajoutons un dernier point souvent oublié : la navigation au clavier. Toute action possible à la souris doit l'être au clavier, et l'élément actif doit être visible. Beaucoup d'équipes retirent l'indicateur de focus parce qu'elles le trouvent inesthétique. C'est l'équivalent d'enlever la rampe d'un escalier parce qu'elle gâche la photo.
Le bon moment, c'est le début
Tout ce qui précède coûte presque zéro s'il est décidé au moment de la définition du système : palette validée en contraste, échelle typographique testée, composants dessinés avec leurs états visibles. Tout cela devient coûteux si on le découvre après la production de quarante gabarits, parce qu'il faut alors revenir sur des décisions dont dépendent des centaines d'écrans.
La bonne pratique tient en trois gestes simples. Valider les couples de couleurs de la palette dès leur création, et documenter ceux qui sont interdits. Fixer une taille minimale de texte et s'y tenir, y compris pour les mentions légales et les libellés de formulaire. Dessiner chaque composant avec ses états, dont l'état de focus, plutôt que de le laisser à l'intégration.
Il ne s'agit pas de renoncer à une écriture visuelle forte. Les identités les plus marquantes sont souvent celles qui reposent sur des contrastes nets, des échelles franches et une hiérarchie claire, c'est-à-dire exactement ce que réclame l'accessibilité. Un design illisible n'est pas un design audacieux. C'est un design qui a oublié à qui il s'adressait. Nos articles sur la typographie et sur la couleur traitent des mêmes décisions sous l'angle du sens. Si votre organisation prépare une refonte, parlons-en avant la maquette : c'est là que ça se règle, pas à l'audit.