Former les designers : l’accessibilité se joue en maquette
Cette page fait partie de La formation à l'accessibilité.
Ce qui se décide en maquette ne se corrige plus après
Une palette validée au moment de la choisir coûte une discussion. La même palette corrigée après livraison suppose de reprendre la charte, les composants, et toutes les pages qui en dépendent.
C’est la formation la plus rentable du dispositif, parce qu’elle agit sur la seule étape où l’accessibilité ne coûte presque rien.
Ce que le designer décide, souvent sans le savoir
Les contrastes
4,5:1 pour le texte courant, 3:1 pour les composants d’interface et les éléments graphiques porteurs d’information. Cela se calcule, jamais à l’œil — et cela vaut aussi pour les états : survol, focus, désactivé, erreur.
Le piège classique : le gris clair des libellés secondaires et des textes d’aide, qui passe systématiquement sous le seuil.
Les états de focus
Ils se dessinent au même titre que les états de survol. Un focus non dessiné est un focus qui sera supprimé par le développeur au nom de l’esthétique — et la navigation au clavier devient impraticable.
L’ordre de lecture
Indiqué explicitement dans la maquette, et pour chaque point de rupture. C’est en réordonnant visuellement des colonnes sur mobile que naissent les divergences entre l’ordre visuel et l’ordre de tabulation.
Les tailles de cible
Icônes, pastilles de sélection, flèches de carrousel : tout ce qui se clique doit être atteignable par une main qui tremble, sur un écran tenu d’une seule main dans le métro.
Ce qui n’est pas porté par la seule couleur
Champ obligatoire, état d’erreur, élément actif, catégorie : chaque information codée par une couleur doit l’être aussi par un libellé, une forme ou une icône.
Le texte en image
Bandeaux, promotions, infographies. Le texte doit exister en texte — autrement il n’est ni lisible par un lecteur d’écran, ni agrandissable, ni indexable.
Demander aux participants de retrouver, dans leur propre maquette, ce qui disparaît quand on retire la couleur — puis quand on retire les images. Ce qui reste est ce que perçoit une partie de leurs utilisateurs.
Ce qui prolonge la formation
Un design system accessible qui documente les décisions et leur raison. Sans cette trace écrite, chaque arbitrage se rejoue à chaque projet : quelqu’un trouvera toujours le gris trop foncé et l’anneau de focus trop visible.