FICHE 3

LES LIENS

 

1.Rappel des recommandations 1, 9 et 13 des WCAG 1.0 :

Recommandation 1 :
"Fournir du contenu qui, présenté à l'utilisateur, convoie essentiellement la même fonction ou raison d'être que le contenu auditif ou visuel".

Recommandation 9 :
"Utiliser des fonctions permettant l'activation des éléments d'une page grâce à différentes interfaces d'entrée".

Recommandation 13 :
"Prévoir des mécanismes de navigation clairs et cohérents - information d'orientation, barres de navigation, carte du site etc. - de manière à ce qu'un utilisateur puisse trouver ce qu'il cherche sur le site".

Points de contrôle : 1.2 (Priorité 1) ; 1.5 (Priorité 3) ; 9.5 (Priorité 3) ; 13.1 (priorité 2) ; 13.6 (Priorité 3)

Raisons de ces recommandations:

Un lien doit être clair, précis et concis de façon à être lu hors contexte. Ces recommandations s'appliquent aux liens sous forme de texte ou sous forme d'images.

Certains utilisateurs aveugles qui n'ont pas une vision globale de l'écran se déplacent de lien en lien, pour une navigation plus rapide dans la page. Ils peuvent avoir, dans leur navigateur, la possibilité de n'afficher que les liens d'une page. La concision et la clarté des liens sont donc très importantes.

2. Ce qu'il faut faire

La formulation

Veiller à donner une formulation de lien explicite quant à l'information contenue dans la page auquel il renvoie. Par exemple : les liens " cliquez ici ", " pour plus d'informations ", " lire "… sont à éviter. Des liens comme " cliquez ici pour accéder au plan du site " ou mieux encore " plan du site " seront plus appropriés que " cliquez ici ".

La présentation

Eloigner les liens les uns des autres facilite la lecture pour les personnes malvoyantes et leur activation à l'aide de la souris pour les personnes handicapées motrices.

L'utilisation de l'attribut TITLE

L'utilisation de l'attribut " title " permet de clarifier la destination du lien.

Eviter d'utiliser le même texte de lien pour pointer vers des documents différents dans la même page. Dans le cas où il est impossible de faire autrement, les " techniques " de WCAG indiquent que si les liens ont le même intitulé mais une destination différente, il faut utiliser un contenu différent dans l'attribut " title ".

Exemple de syntaxe HTML :

<A href="my-doc.html">Ce document est disponible en HTML</A>,
<A href="my-doc.pdf" title="document en PDF">Lire l'article</A>,
<A href="my-doc.txt" title="document en txt">Lire l'article</A>

Lorsque l'on passe la souris sur le lien, on lira l'explicatif de l'attribut <title>, et celui-ci pourra également être lu par les synthèses vocales.

3. Exemples rencontrés sur les sites évalués

  • Sur le site de l'Agence de Sûreté Nucléaire (www.asn.fr) on trouve des informations d'actualité suivies des liens " cliquez ici ". Comme ils pointent vers des pages différentes il n'est pas possible de savoir, lorsque l'on navigue de lien en lien, de quelle information il s'agit. Il serait préférable de mettre le lien sur le titre de la brève et non sur cliquez ici. Une autre solution serait d'utiliser l'attribut " title " évoqué précédemment.
  • Sur le site de l'Education Nationale (www.education.gouv.fr), on trouve des liens ayant le même nom menant vers des pages différentes.

retour aux fiches