Plongez dans l'accessibilité

Jour 14: Ajouter des titres à vos liens

Tout le web repose sur la notion de liens, on peut alors facilement penser que les gens connaissent l'attribut title, mais en fait je le vois rarement utilisé. Pour tous ceux qui ne le savent pas encore, tous les liens peuvent avoir un titre, spécifié par l'attribut title de la balise <a>. C'est un ajout à n'importe quel lien texte, vous avez pu définir. Le titre d'un lien s'affiche généralement dans les navigateurs visuels comme une bulle, mais il peut être également interprêté dans les navigateurs non visuels.

Tous les liens ne doivent pas nécessairement avoir de titre. Si le texte du lien est le nom d'un article, n'ajoutez pas de titre ; le texte du lien se suffit à lui-même. Mais si vous lisez le texte du lien, hors contexte et que vous n'arrivez pas à définir le type de contenu qu'il pointe, ajoutez alors un titre.

Qui en bénéficie ?

1. Jackie en bénéficie. JAWS a une option pour lire le titre d'un lien en même temps que le texte du lien. (Cette option n'est pas présente par défaut. Pour l'activer, Jackie doit presser INSERT+V qui ouvre la fenêtre des options de JAWS et alors changer le "Text links verbosity" pour "Alt tag or title".)
2. Michel en bénéficie. Lorsqu'il déplace son curseur sur un lien dans Opera, cela affiche le titre du lien dans la barre d'état et également en bulle. Cela lui permet de déterminer s'il veut ou non consommer de la bande passante en suivant le lien.
3. Liliane en bénéficie. Quand elle déplace le curseur sur le lien dans Internet Explorer, cela affiche le titre du lien sous la forme d'une bulle.
4. Marc en bénéficie. Lorsque Marc appuie la touche "l", Lynx affiche une liste des liens de la page courante. La liste comprend le titre de chaque lien, s'il est présent.

Comment le réaliser ?

Sur chaque lien où le texte du lien semble ne pas être suffisant pour décider le lecteur à suivre le lien, ajoutez un atttribut title. Exemples :

1. Dans ma barre de navigation, j'ai un lien vers ma page de statistique. Le texte du lien est simplement Statistics, mais l'attribut title donne plus d'information :

   <a title="referrers and other visitor statistics" href="/stats/">Statistics</a>

2. Dans ma barre de navigation, j'ai un lien vers mon livre, Dive Into Python, qui ressemble à ceci :

   <a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a>

3. Quand je fais un lien vers un article en utilisant une partie de phrase, j'essaie d'utiliser l'attribut title pour donner une information supplémentaire au lien, tel que le titre de l'article ou une citation. Par exemple, l'astuce d'hier comprenait la phrase suivante :

   Pourquoi est-ce un problème ? Parce-que <a title="Statistiques du site TheCounter.com à propos de l'utilisation de Javascript dans les navigateurs, Avril 2002" href="http://www.thecounter.com/stats/2002/April/javas.php">11% des utilisateurs d'Internet n'utilisent pas Javascript</a> pour une raison ou une autre, y compris les utilisateurs handicapés qui ont des navigateurs qui ne le supportent pas.

   ce qui donne :

   Pourquoi est-ce un problème ? Parce-que 11% des utilisateurs d'Internet n'utilisent pas Javascript pour une raison ou une autre, y compris les utilisateurs handicapés qui ont des navigateurs qui ne le supportent pas.

N'en rajoutez pas en utilisant l'attribut title. En toutes choses, la modération est utile.

Approfondir

• Jakob Nielsen: Using Link Titles to Help Users Predict Where They Are Going.