Blog

Dans une liste de véhicules, « 3120 — Urbanway — dépôt — ligne » paraît clair tant que les espaces alignent les colonnes. Dès que le texte est agrandi ou lu par un lecteur d’écran, cet alignement ne suffit plus : les données se suivent sans que leur rôle soit indiqué. Un tableau avec des en-têtes associés aux cellules permet de savoir ce que désigne chaque valeur. Il reste aussi plus facile à consulter sur téléphone, à condition de soigner sa présentation.

Sur un site consacré aux bus et trolleybus lyonnais, l’accessibilité se joue dans ces choix de tous les jours : nommer une rubrique, décrire une photo, distinguer une observation d’une information confirmée ou présenter un numéro de parc. Une page peut fonctionner techniquement et laisser pourtant échapper une donnée essentielle à certains lecteurs.

Faire comprendre la page sans s’appuyer sur sa forme

Un titre doit annoncer ce que contient la section. « Parc et affectations » renseigne mieux que « À découvrir » sur une page d’observations de véhicules. Dans un article long, des titres de niveau 2, puis de niveau 3 si besoin, permettent de parcourir les sections. Agrandir visuellement un paragraphe pour en faire un faux titre ne donne pas ce repère aux outils de navigation.

Le vocabulaire mérite la même attention. Au premier emploi, « ligne C3 » est moins ambigu que « C3 » seul. On peut aussi développer GNV en « gaz naturel pour véhicules », sans répéter la définition ensuite. Un lecteur qui découvre la page doit pouvoir la comprendre sans connaître d’avance toutes les abréviations du parc.

Ne pas demander à la couleur de tout expliquer

Dans un tableau, la couleur peut aider à distinguer bus, trolleybus et autocars, mais elle ne doit pas porter l’information à elle seule. Une pastille verte accompagnée du mot « trolleybus » reste compréhensible si les couleurs sont mal perçues, disparaissent à l’impression ou s’affichent sur un écran peu contrasté. Même précaution pour une modification de desserte : la signaler uniquement en rouge ne suffit pas.

Surveillez aussi le contraste des légendes, des dates et des mentions de statut, souvent imprimées en petit et en gris. Si « observation non confirmée » devient difficile à lire, une hypothèse peut être prise pour un fait. Le contrôle doit porter aussi sur les boutons, les étiquettes et les liens visités, pas seulement sur les paragraphes.

Des liens et des commandes dont le rôle est explicite

Lu isolément, un lien « détails » ne dit presque rien de sa destination. « Historique des affectations de la ligne » ou « légende des séries de véhicules » aide autant la personne qui utilise un lecteur d’écran que celle qui cherche rapidement un renseignement. Encore faut-il que la page visée contienne bien l’information annoncée.

Un bouton sert à agir : afficher une légende, ouvrir un menu, agrandir une photo. Le remplacer par un lien ou laisser une icône cliquable sans nom accessible complique l’usage au clavier et au lecteur d’écran. Une loupe seule peut vouloir dire « rechercher », « zoomer » ou « voir la photo » ; son libellé doit lever le doute. Si un menu s’ouvre, son état doit être perceptible et sa fermeture possible sans souris.

Le clavier fournit un premier test. Avec la touche Tab, peut-on voir où se trouve le focus, atteindre les commandes dans un ordre logique et les activer ? Supprimer le contour de focus pour des raisons esthétiques prive certains visiteurs de leur repère principal. Dans une galerie de véhicules, vérifiez aussi qu’une photo agrandie ne bloque pas la progression au clavier et que sa fermeture ramène le focus à la commande d’origine.

Présenter les données de parc sans fabriquer d’obstacles

Modèle, série, dépôt, ligne observée, niveau de confirmation : une fiche de mouvement de parc peut réunir plusieurs types de données. Pour quelques véhicules, une phrase suffit. Si le lecteur doit comparer des entrées, un tableau avec des en-têtes courts et précis est préférable. Une case vide, elle, peut vouloir dire « inconnu », « sans objet » ou simplement « oubli » : indiquez ce qui convient, sans inventer la donnée manquante.

Sur mobile, un tableau trop large impose parfois un défilement horizontal peu visible. Avant de réduire la police, demandez-vous quelles colonnes sont nécessaires à la lecture principale. On peut afficher d’abord le modèle et le statut, et réserver les précisions secondaires à une fiche individuelle. Si le défilement horizontal reste nécessaire, signalez-le et vérifiez qu’il n’empêche ni de retrouver les en-têtes ni de lire les numéros de parc en entier.

• Une donnée par cellule : ne pas réunir modèle, dépôt et date dans une même case lorsque chacun a sa propre signification.
• Des libellés stables : désigner un même état par les mêmes mots d’un tableau à l’autre.
• Une incertitude visible : écrire « affectation observée » plutôt que présenter une présence ponctuelle comme permanente.
• Un ordre indiqué : préciser si la liste suit les numéros de parc, les dates ou les modèles.

Les filtres doivent conserver cette clarté. « Aucun résultat » ne suffit pas si le lecteur a activé à la fois « trolleybus » et une recherche par modèle : il doit pouvoir voir ces critères et les retirer. Si le nombre de résultats change sans rechargement de la page, les technologies d’assistance doivent en être informées elles aussi.

Décrire les photos selon leur fonction

Une photo de Heuliez GX peut identifier un modèle, illustrer un itinéraire ou documenter un détail de carrosserie. C’est son rôle dans la page qui guide le texte alternatif. Sur une fiche de véhicule, « Heuliez GX vu de trois quarts avant à un arrêt » peut être plus utile que « bus dans une rue ». Si la légende donne déjà le lieu, la date et le numéro, inutile de les recopier tous : décrivez surtout ce que l’image ajoute.

Une image purement décorative n’a pas besoin d’une description qui interrompt la lecture. À l’inverse, si une photo montre la différence entre deux générations de girouettes, le texte alternatif doit cibler cette différence. Si elle est essentielle à l’article, expliquez-la aussi dans le corps du texte : une analyse complexe ne peut pas reposer sur le seul texte alternatif.

Dans une galerie, les commandes comptent autant que les descriptions. Des boutons « précédent » et « suivant » identifiables, un compteur comme « image 2 sur 6 » et des légendes visibles aident à se repérer. Si les clichés suivent une évolution technique, dites-le. Pour des images documentaires, mieux vaut laisser le visiteur avancer à son rythme qu’imposer un diaporama qui change de vue pendant la lecture d’une légende.

Écrire des messages qui permettent de corriger une erreur

Un formulaire de contribution peut demander une ligne, une date d’observation, un modèle ou une photo. Chaque champ a besoin d’un libellé visible, qui reste en place après la saisie. Un simple exemple à l’intérieur de la case disparaît dès que l’on commence à écrire. Une aide brève, telle que « date de l’observation, même approximative », précise ce qui est attendu sans demander au contributeur une certitude qu’il n’a pas.

Si la saisie échoue, « Erreur de saisie » ne dit pas si la date est invalide ou si le fichier est trop volumineux. Placez une explication près du champ concerné et, pour un formulaire long, ajoutez un résumé des erreurs. Les réponses déjà données doivent rester intactes : personne n’a envie de ressaisir une description détaillée après un échec d’envoi.

Signalez les champs obligatoires par un mot ou un symbole expliqué, jamais par la seule couleur. Le numéro de parc peut rester facultatif si le contributeur ne l’a pas relevé. Exiger une donnée incertaine encourage les approximations ; la mention « non relevé » est plus honnête.

Respecter les façons de lire et de se déplacer dans la page

Quand on agrandit le texte, le menu, les titres et les paragraphes ne doivent pas se chevaucher. Même avec un zoom important, une fiche doit rester lisible sans déplacement horizontal à chaque ligne. Attention aux éléments fixés en haut de l’écran : un bandeau trop haut peut cacher le titre atteint par un lien interne.

Une mise à jour du parc ou un changement d’itinéraire n’a pas besoin d’animation pour être compris. Si une carte animée apporte une information utile, elle doit pouvoir être mise en pause, et l’essentiel doit rester disponible sous une autre forme. Un mouvement continu derrière le texte gêne la concentration ; un carrousel automatique peut faire disparaître une information avant qu’elle soit lue.

Les vidéos permettent d’observer un démarrage, un passage en station ou un équipement intérieur. Sous-titrez les paroles pour les personnes qui ne peuvent pas entendre le son. Si une information essentielle n’apparaît qu’à l’image, par exemple le texte d’une girouette, reprenez-la dans la description ou la transcription. L’inverse vaut aussi : un plan silencieux ne restitue pas une annonce vocale.

Vérifier une page avec des tâches réelles

Plutôt qu’une simple liste de cases à cocher, partez de trois tâches : retrouver le statut d’un véhicule, comparer deux séries, envoyer une observation. Elles mettent au jour des obstacles différents. Le clavier révèle l’ordre des commandes ; un zoom élevé montre les tableaux ou bandeaux trop rigides ; une lecture sans images indique si le texte conserve l’essentiel.

1. Ouvrir une fiche et parcourir ses titres dans l’ordre : chaque section doit annoncer son contenu.
2. Passer d’un lien à l’autre au clavier : le focus doit rester visible et aucun menu ne doit bloquer la progression.
3. Agrandir le texte et contrôler un tableau, une légende et un formulaire, pas seulement le premier paragraphe.
4. Masquer les images pour vérifier que les informations indispensables restent disponibles.
5. Envoyer un formulaire incomplet : les erreurs doivent être localisées sans effacer les réponses déjà saisies.

Ces essais ne remplacent ni une évaluation avec des personnes aux usages variés ni, lorsque c’est nécessaire, un audit technique. Ils repèrent toutefois les obstacles qu’une modification ordinaire peut introduire : nouvelle couleur de statut, colonne ajoutée, bouton réduit à une icône. Après la publication d’une fiche de parc, contrôlez particulièrement ce qui vient de changer, plutôt que de vous reposer sur une vérification générale faite une seule fois.

Vous ajoutez une colonne « statut » à un tableau de véhicules ? Faites trois contrôles ciblés : vérifiez avec un lecteur d’écran que l’en-tête est associé aux cellules, regardez si « observation à confirmer » reste lisible au zoom, puis assurez-vous que la même formulation figure dans les fiches concernées. La donnée sera alors plus facile à interpréter, quelle que soit la façon de consulter la liste.