Liens sans intitulé accessible

Un lien accessible doit avoir un intitulé qui décrit clairement sa destination ou sa fonction. Le critère 6.1 du RGAA exige que chaque lien soit explicite, c'est-à-dire que son intitulé permette à l'utilisateur de comprendre sa destination sans avoir besoin du contexte visuel environnant. Ce problème se manifeste de plusieurs manières sur le web. Les liens-images sans alt sont les plus fréquents : une icône de réseau social, un logo partenaire, ou un bouton d'action sous forme d'image, le tout enveloppé dans une balise <a> mais sans aucun texte accessible. Le lecteur d'écran annonce alors « lien » suivi du nom du fichier image ou, pire, rien du tout. Les liens « Cliquez ici » ou « En savoir plus » répétés plusieurs fois sur une même page sont aussi problématiques. Les utilisateurs de lecteurs d'écran peuvent afficher la liste de tous les liens de la page pour naviguer rapidement. Si cette liste contient dix liens « En savoir plus », elle est totalement inutile — l'utilisateur ne peut pas savoir à quoi chaque lien correspond. Les liens vides (une balise <a> sans contenu textuel ni aria-label) sont un cas extrême : le lecteur d'écran détecte un lien mais ne peut rien annoncer. L'utilisateur sait qu'il y a un lien mais ne sait pas ce qu'il fait. Les liens composés uniquement d'une icône Font Awesome ou d'un SVG sans alternative sont aussi très courants. Le développeur voit une icône de téléphone ou d'enveloppe, mais le lecteur d'écran ne voit qu'un élément vide. Chacun de ces cas a une solution simple : ajouter un texte visible, un attribut alt sur l'image, un aria-label sur le lien, ou un span en sr-only pour fournir le contexte nécessaire.

Les utilisateurs de lecteurs d'écran naviguent souvent en parcourant la liste des liens de la page (raccourci « L » sous JAWS ou NVDA). Chaque lien est annoncé avec son intitulé. Si un lien n'a pas d'intitulé, il est annoncé comme « lien » tout court, ce qui est inutile. L'utilisateur doit alors revenir dans la page, trouver le lien dans son contexte, lire le texte environnant pour deviner sa destination — un processus lent et frustrant. Les personnes utilisant la commande vocale (Dragon NaturallySpeaking, Voice Control) sont aussi affectées. Pour activer un lien par la voix, elles disent « Cliquer sur » suivi de l'intitulé du lien. Si le lien n'a pas d'intitulé, la commande vocale ne peut pas le cibler. Les liens sans intitulé nuisent aussi au référencement : Google utilise le texte des liens pour comprendre le contenu de la page cible. Un lien « Cliquez ici » n'apporte aucune valeur SEO.