# Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Liens > Fiche 6.5

## Fiche 6.5 : Chaque intitulé de lien identique amène t-il vers la même destination ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 6.5
- Niveau AccessiWeb : bronze
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 13.1

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- Bénéfice 1:
  Pour activer un lien, les utilisateurs de logiciels de reconnaissance vocale prononcent son intitulé. Le logiciel de reconnaissance vocale s'arrête sur le premier lien portant cet intitulé. Si d'autres liens portent le même intitulé, mais conduisent à des destinations différentes, l'utilisateur ne pourra jamais les atteindre.
- Bénéfice 2 :
  Les utilisateurs qui naviguent de lien en lien à l'aide de la touche tabulation ou par une liste de liens, s'attendent à ce que des liens ayant le même intitulé conduisent vers la même destination. Si tel n'est pas le cas, ils seront désorientés et devront valider sur chaque lien de même intitulé pour connaître le contenu de la page vers laquelle ils mènent.

#### Valeur ajoutée pour le site

Il n'y a pas d'élément d'information pour cette rubrique.

revenir en haut de la page

### Comment évaluer

#### Par le code source

1. Relever l'ensemble des liens de la page ayant le même intitulé.
2. Rechercher dans le code source ces intitulés et comparer les adresses associées à chacun d'eux. L'adresse d'un lien est la valeur de l'attribut `href`.
3. Si leurs destinations sont différentes, vérifier que le contenu de l'attribut `title` permet de les différencier.

#### Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

##### Evaluer avec la barre AccessiWeb (version 1.0) :

1. Sous Internet Explorer, ouvrir la page à analyser.
2. Dans le menu "6. Liens" de la Barre AccessiWeb, activer le critère 6.5.
3. La liste des liens s'affiche dans une nouvelle fenêtre sous forme d'un tableau contenant le numéro du lien, son intitulé, son adresse Internet et le cas échéant, le contenu de l'attribut `title`.
   Note : Les images cliquables (images qui sont en même temps des liens) sont aussi affichées avec le contenu de leur alternative textuelle.
4. Vérifier qu'il existe des intitulés de liens identiques.
5. Si oui, vérifier qu'ils pointent vers des destinations identiques.
6. Si leurs destinations sont différentes, vérifier que le contenu de l'attribut `title` permet de les différencier.

##### Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :

1. Cliquer sur l'option "Liste des liens [Nouvelle fenêtre]" du menu "Infos Doc".
2. Une nouvelle fenêtre apparaît et présente, sous forme de tableau, le numéro du lien, son intitulé, son adresse Internet et, le cas échéant, le contenu de l'attribut `title`.
3. Vérifier qu'il existe des intitulés de liens identiques.
4. Si oui, vérifier qu'ils pointent vers des destinations identiques.
5. Si leurs destinations sont différentes, vérifier que le contenu de l'attribut `title` permet de les différencier.

##### Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :

1. Activer l'option "Informations sur la page" du menu "Information" puis cliquer sur l'onglet "Liens".
2. Une nouvelle fenêtre apparaît et présente, sous forme de tableau, le nom du lien (intitulé), son adresse Internet et le type d'élément.
3. Vérifier qu'il existe des intitulés de liens identiques.
4. Si oui, vérifier qu'ils pointent vers des destinations identiques.
5. Si leurs destinations sont différentes, vérifier que le contenu de l'attribut `title` permet de les différencier. Pour cela, retourner sur la page à évaluer et activer le menu "Information" puis dans l'option "Afficher les attributs Title".
6. Tous les attributs `title` sont affichés dans un cadre jaune.
7. Note : attention, l'option "Afficher les attributs Title", tous les attributs TITLE sont affichés : ceux des liens, ceux des images, ceux des ABBR, ACRONYM...
8. Pour les liens dont l'intitulé est identique, vérifier que le contenu de l'attribut `title` permet de les différencier.

##### Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :

1. A l'aide de la combinaison de touches Insert+F7, afficher la liste des liens présents sur la page.
2. Avec les flèches haut et bas, repérer tous les liens ayant le même intitulé.
3. Sélectionner le premier d'entre eux, puis valider pour l'activer.
4. Relever l'adresse de la page.
5. Reprendre les étapes 1 à 4 pour les liens suivants et comparer les adresses des pages.
   Note : Il se peut que les liens aient un intitulé identique, mais que le concepteur du site ait ajouté à chaque lien un attribut `title` différent, donnant plus de précisions sur la destination du lien. Se reporter aux critères 6.3 et 6.4 pour vérifier la présence et le contenu de l’attribut `title` des liens.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

Ce critère doit être prévu et pris en compte par le graphiste et implémenté par le développeur du site.

#### Implémentation

Il est important de veiller à ce que chacun des liens présents dans la page puisse être différencié, soit par leur propre intitulé, soit par un ajout d'informations à l'aide de l'attribut `title`.

<a href="article1.html">lire la suite de l'article 1</a>
<a href="article2.html">lire la suite de l'article 2</a>

ou

<a href="article1.html" title="lire la suite de l'article 1">lire la suite</a>
<a href="article2.html" title="lire la suite de l'artcile 2">lire la suite</a>

#### Exemple de mauvaise pratique

L'exemple de code qui suit nous montre une série de liens dont la destination est différente (valeur de l'attribut `href`), mais dont les intitulés sont strictement identiques.

<a href="guide_fiche6.3.html">En savoir plus sur le guide AccessiWeb</a><br />
<a href="guide_fiche6.4.html">En savoir plus sur le guide AccessiWeb</a><br />
<a href="guide_fiche6.5.html">En savoir plus sur le guide AccessiWeb</a>

#### Exemple de bonne pratique

Ici, chaque lien comporte un intitulé différent des autres, puisqu'il mène vers une page différente.

<a href="guide_fiche6.3.html">Fiche 6.3 du guide AccessiWeb</a><br />
<a href="guide_fiche6.4.html">Fiche 6.4 du guide AccessiWeb</a><br />
<a href="guide_fiche6.5.html">Fiche 6.5 du guide AccessiWeb</a>

Cependant la balise `A` peut être complétée par l’attribut `title` pour fournir une information contenue dans le lien :

<a href="guide.html" title="en savoir plus sur les fiches du guide AccessiWeb">En savoir plus</a>

revenir en haut de la page

### Illustrations

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 6.2 : Les liens sont-ils explicites ?
- Fiche 6.4 : L'attribut TITLE donne-t-il plus d'informations concernant le lien que l'intitulé du lien lui-même ?

#### Autres ressources

- html Techniques (section 6) : Links
- int-evry : Ergonomie des Interfaces Web

revenir au sommaire de la fiche

revenir en haut de la page

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact