Des liens hypertextes explicites (01net)

Date de publication : 2007-05-18, par Patrice Bourlon - lien permanent

Idéalement, un utilisateur ne devrait pas avoir à cliquer sur un lien pour comprendre ce qu'il y a derrière... ; il ne devrait pas non plus découvrir après coup que ce lien mène en fait à un fichier Word ou à un document PDF de plusieurs Mo ; ou encore, qu'un autre lien ouvre une nouvelle fenêtre de son navigateur.

Il s'agit ici, appliqués aux liens hypertextes, de 2 grands principes d'utilisabilité : l'efficience de l'interface - ne pas obliger l'utilisateur à faire des actions inutiles - et la prévisibilité - les conséquences d'une action sont constantes et prévisibles pour l'utilisateur.

Qu'est-ce qu'un lien explicite ?

Un lien hypertexte explicite, c'est un lien qui permet à l'utilisateur d'anticiper le comportement et la destination du lien :

la nature du contenu (une définition, un article, une biographie, une carte, etc.) ;
la destination du lien (en particulier lorsque le lien pointe vers un site externe) ;
l'ouverture éventuelle du lien dans une nouvelle fenêtre du navigateur ;
le format et le "poids" du fichier, s'il ne s'agit pas d'une page Web classique (PDF, Word, fichier multimédia, etc.).

Les standards d'accessibilité introduisent de plus un certain nombre de recommandations concernant les liens hypertextes :

les textes des liens devraient être signifiants si on les lit hors de leur contexte (ceci exclut les textes de liens du type "lire la suite", sauf à éventuellement préciser de quelle "suite" il s'agit avec l'attribut title) ;
ils devraient être assez concis (dans sa version actuelle, le référentiel AccessiWeb considère ainsi que les textes de liens ne devraient pas excéder 80 caractères) ;
ils devraient être constants - c.-à-d. que des liens ayant le même texte doivent pointer vers la même destination.

Faites le test...

Dans cet extrait de page du site 01net, que vous attendez-vous à trouver derrière ces liens ?

Pour le lien "les réseaux d'initiatives publiques (RIP)", s'agit-il :

d'un lien vers la définition des "réseaux d'initiatives publiques" ou d'un lien vers une carte de ces réseaux ?
d'un lien vers un autre site ou d'un lien vers un autre article de 01net ?
d'un lien qui s'ouvrira dans la même fenêtre ou dans une nouvelle fenètre ?
d'un lien vers une page Web classique ou d'un lien vers un fichier PDF ?

Pour le lien "autorise les collectivités locales à devenir opérateurs", s'agit-il :

d'un lien vers le texte de la loi ?
d'un lien vers un autre site ou d'un lien vers un autre article de 01net ?
d'un lien qui s'ouvrira dans la même fenêtre ou dans une nouvelle fenètre ?
d'un lien vers une page Web classique ou d'un lien vers un fichier PDF ?

Ces liens vous permettent-ils de répondre à ces questions ? Sont-ils à votre avis suffisamment explicites ? Pour tester vos réponses directement sur la page : article "Les opérateurs télécoms locaux..." (01net).

Comment faire pour rendre les liens explicites ?

Trois procédés principaux peuvent être utilisés : le texte du lien, le contenu de l'attribut title, la signalétique des liens.

Le texte du lien : c'est certainement le procédé le plus direct et le plus universel du point de vue de l'accessibilité de l'interface. Sur un lien libellé de cette manière, "référentiel Navigation et liens sur CollectiWeb.fr (PDF, 39 ko)", on renseigne l'utilisateur sur la nature du contenu, sur la destination du lien (site externe) ainsi que sur le format et le poids du fichier auquel le lien permet d'accéder. Dans cet exemple, le texte du lien reste relativement court (64 caractères) mais ce n'est pas toujours possible de donner les différentes informations tout en restant concis.

On peut donc compléter l'information donnée dans le texte du lien en documentant l'attribut title. Ce procédé est toutefois moins direct et moins universel : il faudra survoler le lien avec le pointeur pour voir l'information donnée par title ; et, en l'état des outils et aides techniques utilisés par les personnes handicapées, cette information ne leur sera souvent pas accessible.

Reste le troisième procédé, la signalétique des liens. Son usage est limité à double titre : d'une part, elle ne permet de véhiculer que peu d'information et d'autre part, reposant généralement sur CSS, elle n'a par définition aucun intérêt pour les personnes souffrant de déficiences visuelles ou désactivant les feuilles de style. Lorqu'il est utilisé, ce procédé sert souvent à distinguer les liens internes des liens externes, ou encore à signaler les liens ouvrants dans une nouvelle fenêtre...