Sur une photo de trolleybus, l’auteur distingue peut-être d’emblée un Hess récent d’un ancien Cristalis. Sans légende, le lecteur n’a pas forcément les mêmes repères. Et si l’image porte à elle seule l’information, une personne utilisant un lecteur d’écran risque de la manquer. Une légende précise et un texte alternatif adapté permettent de savoir ce que montre la photo sans avoir à le deviner.
L’accessibilité web consiste à rendre les contenus et les fonctions d’un site utilisables malgré des capacités sensorielles, motrices ou cognitives différentes, et dans des conditions de consultation variées. Sur un site consacré aux bus, autocars et trolleybus lyonnais, cela vaut pour un mouvement de parc, une recherche de ligne ou une archive photographique. Les aménagements indispensables à certains visiteurs simplifient souvent la consultation pour les autres.
Le même obstacle peut toucher des visiteurs différents
Un texte gris pâle sur fond blanc gêne une personne malvoyante, mais aussi quelqu’un qui consulte une fiche de véhicule dehors, en pleine lumière. Un lien minuscule est difficile à activer avec certaines limitations motrices ; il l’est tout autant dans un bus qui roule. Quant à une vidéo où toute l’information passe par le son, elle exclut une personne sourde et ne sert guère à qui doit regarder son téléphone sans le son.
Ces situations ne demandent pas toutes la même réponse. Agrandir les caractères ne remplace pas une structure de titres exploitable par un lecteur d’écran. Des sous-titres ne décrivent pas forcément ce qui n’apparaît qu’à l’image. L’enjeu est de proposer plusieurs accès à une information, sans oublier les besoins propres à chacun.
L’accessibilité ne concerne pas seulement le handicap permanent. Une fracture peut compliquer l’usage de la souris pendant quelques semaines ; une connexion instable peut empêcher une carte de charger. Et si l’on ne connaît pas les séries de véhicules, des abréviations inexpliquées suffisent à perdre le fil. Une page bien structurée réduit, dans chaque cas, l’effort nécessaire pour trouver un renseignement.
Des pages que l’on peut parcourir, et pas seulement regarder
Les titres donnent un itinéraire dans l’information
Dans une longue page sur une commande de matériel, des titres comme « Matériel concerné », « Affectations observées » et « Points encore à confirmer » permettent d’aller droit au passage recherché. Une personne utilisant le clavier ou un lecteur d’écran peut passer de titre en titre. C’est tout aussi pratique pour revenir vérifier un détail sans relire l’article entier.
La hiérarchie doit suivre celle du contenu : un titre principal, des sections, puis des sous-sections si elles sont utiles. Une phrase simplement agrandie et mise en gras ne devient pas pour autant un titre reconnu par les technologies d’assistance. À l’inverse, un sous-titre à chaque phrase coupe la lecture. Mieux vaut un intitulé précis qu’un vague « Informations complémentaires ».
Des liens et des commandes compréhensibles hors contexte
« Liste des lignes concernées » garde son sens lorsqu’on lit le lien isolément. « Cliquez ici » ne renseigne pas sur sa destination. C’est important pour une personne qui parcourt les liens avec un lecteur d’écran, comme pour celle qui cherche rapidement un document dans la page. De même, un bouton « Afficher les légendes » annonce clairement son effet.
Il faut aussi essayer la navigation au clavier, sans toucher la souris : peut-on atteindre les liens, ouvrir les menus et voir quel élément est sélectionné ? Un menu de lignes qui ne s’ouvre qu’au survol du pointeur restera inaccessible à une partie des visiteurs. Le clavier est également commode pour remplir un formulaire ou passer vite d’une commande à l’autre.
Des images utiles sans devenir l’unique source d’information
Les photos sont essentielles pour documenter le parc. Leur texte alternatif doit transmettre ce qui compte dans la page, par exemple le type de véhicule ou un détail visible sur lequel porte l’article. Il n’a pas à recopier systématiquement la légende : celle-ci peut fournir des précisions à tous les lecteurs, tandis que le texte alternatif donne accès à l’image dans le fil d’une lecture assistée.
Encore faut-il séparer ce que l’on voit de ce que l’on croit reconnaître. Si le numéro de parc est illisible, on ne l’attribue pas dans le texte alternatif. « Trolleybus articulé à un arrêt » vaut mieux qu’une identification inventée. À l’inverse, décrire longuement une image purement décorative risque surtout d’interrompre la lecture.
Un plan de lignes demande davantage qu’une phrase de description : les correspondances et les cheminements y sont trop nombreux. Une liste textuelle des lignes, arrêts ou changements représentés offre un autre accès à ces renseignements. Elle sert aussi à chercher un nom d’arrêt, à copier une information ou à lire sur un petit écran. Selon ce qu’elle montre, une courte vidéo de véhicule peut nécessiter des sous-titres, une transcription ou une description des éléments visuels importants.
Pour replacer une série dans le temps, on peut accompagner la photographie de repères rédigés. Le lecteur qui veut prolonger cette chronologie trouvera l’histoire des autobus lyonnais, du tramway ancien aux nouvelles motorisations : il n’aura pas à se fier à une frise graphique seule.
La lisibilité aide à interpréter les données avec justesse
Dans un article sur les affectations, le numéro de ligne, le modèle du véhicule et le degré de certitude ne disent pas la même chose. « Observé sur la ligne » ne veut pas dire « affecté durablement à la ligne ». Écrire cette nuance évite de laisser le lecteur la déduire d’une couleur, d’une icône ou de sa connaissance du réseau.
La couleur peut aider à repérer une catégorie, jamais à la nommer seule. Si le vert signale les véhicules électriques et l’orange ceux au GNV, chaque catégorie doit aussi porter un libellé. La distinction restera lisible pour les personnes qui perçoivent mal certaines couleurs, sur une impression en noir et blanc ou sur un écran peu contrasté. Même principe pour « confirmé », « observé » et « à vérifier » : ces mots sont plus sûrs que trois pastilles colorées.
Un tableau doit avoir des en-têtes explicites et une organisation régulière, afin que chaque valeur reste associée à sa colonne, y compris en lecture assistée. Sur téléphone, un tableau trop large peut imposer un défilement horizontal de toute la page. Une présentation adaptée doit conserver le lien entre les données et leurs en-têtes. Pour les renseignements essentiels, une phrase peut compléter le tableau sans en recopier chaque ligne.
Le vocabulaire technique doit rester précis, pas opaque
« Trolleybus », « GNV » et « BHNS » ont leur place sur un site spécialisé. Les expliquer à leur première apparition dans une page aide le passager occasionnel sans effacer les distinctions utiles aux amateurs. Préciser qu’un trolleybus reçoit son alimentation électrique par des perches reliées à une ligne aérienne évite, par exemple, de le confondre avec un autobus électrique alimenté uniquement par batterie.
Un paragraphe gagne aussi à traiter une idée à la fois. Provenance d’une information, observation sur le terrain et hypothèse ne devraient pas s’entasser dans une phrase pleine de parenthèses. Cette séparation facilite la concentration et permet, dans un suivi de parc, de voir ce qui est établi et ce qui reste incertain.
Des interactions prévisibles pour accomplir une tâche
Un moteur de recherche ou un filtre par ligne doit indiquer ce qu’il attend. L’étiquette visible « Numéro de ligne » est plus claire qu’une indication placée dans le champ et qui disparaît dès que l’on écrit. Si la recherche ne donne rien, « Aucun résultat pour cette ligne » apporte une réponse ; une page vide peut faire penser à une panne.
En cas d’erreur, le message doit indiquer comment corriger la saisie et rester accessible au clavier comme aux lecteurs d’écran. Dans un formulaire de signalement d’une légende erronée, « Adresse électronique manquante » est plus utile qu’un simple cadre rouge. Un bouton de validation qui se déplace, une mise à jour sans indication ou une fenêtre impossible à fermer créent aussi des obstacles, même quand le texte est lisible.
Il vaut la peine de tester l’agrandissement des caractères sur la page réelle. Avec un zoom élevé, la disposition change : les menus doivent rester accessibles et les mots ne pas se chevaucher. Ce contrôle sert aussi bien à une personne malvoyante qu’à quelqu’un qui lit une notice technique sur un petit écran.
Vérifier les parcours qui comptent vraiment
Les Web Content Accessibility Guidelines donnent un cadre pour examiner si les contenus sont perceptibles, utilisables, compréhensibles et compatibles avec les outils d’assistance. Mais elles ne dispensent pas d’essayer la page une fois publiée. Une navigation correcte sur une maquette peut devenir pénible après l’ajout d’une galerie, d’un tableau ou d’un filtre.
Quelques tâches concrètes, à effectuer au clavier puis avec un zoom élevé, donnent déjà de bons indices :
- retrouver un renseignement dans un article long en passant par ses titres ;
- identifier un véhicule dans une galerie sans dépendre uniquement de la photo ;
- associer les en-têtes aux valeurs d’un tableau de parc ;
- utiliser un filtre et comprendre le résultat, même lorsqu’il n’y en a aucun ;
- envoyer un signalement après une erreur de saisie.
Les outils automatiques repèrent certains défauts, comme une image sans attribut alternatif ou un contraste insuffisant. Ils ne peuvent pas juger seuls si une description est exacte, si l’ordre de lecture est logique ou si un résultat de recherche se comprend. Des essais menés par des personnes qui utilisent d’autres méthodes de navigation font apparaître des difficultés que l’auteur ne voit pas toujours.
Sur une fiche illustrée, on peut finir par masquer la photo, puis relire le titre, la légende et les données associées. Si le modèle, le statut d’une information ou le détail observé disparaît avec l’image, il manque quelque chose dans le texte de la page.
