# Guide AccessiWeb

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

## Fiche 6.4 : L'attribut TITLE donne-t-il plus d'informations concernant le lien que l'intitulé du lien lui-même ?

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.4
- 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 :
  Dans le cas où des liens ont le même intitulé mais conduisent à des pages différentes, il faut fournir à l'utilisateur qui navigue de lien en lien, sans tenir compte du texte qui l'entoure, un moyen de les distinguer les uns des autres. L'attribut `title` permet cette distinction.
- Bénéfice 2 :
  Lorsque des liens déclenchent l'ouverture d'une nouvelle fenêtre, un utilisateur aveugle ou malvoyant doit en être averti afin de pouvoir mieux organiser sa navigation et d'être toujours en mesure de se situer.<
- Bénéfice 3 :
  Lorsqu'un lien provoque le téléchargement d'un fichier, les utilisateurs n'ayant qu'une connexion à faible débit ou ne disposant pas du logiciel de lecture de ce fichier doivent pouvoir disposer des éléments suivants :
  1. Le poids du fichier afin de pouvoir estimer le temps de téléchargement
  2. Le format de fichier pour savoir s'il dispose du logiciel approprié pour le lire
  3. Un lien ou des informations permettant de télécharger le logiciel de lecture. S'il s'agit d'un format pdf, par exemple, il faut indiquer à l'utilisateur où il peut se le procurer.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  Le contenu de l'attribut `title` influe sur le taux d'indexation des moteurs de recherche et le référencement des pages

revenir en haut de la page

### Comment évaluer

#### Par le code source

1. Rechercher chaque balise `A` présente dans le code source.
2. Pour chacune d'elles, rechercher la présence de l'attribut `title`.
3. Si l'attribut `title` est présent, vérifier que son contenu fournit effectivement des informations supplémentaires par rapport à l'intitulé du lien.

#### 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.4.
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. Pour les liens ayant un attribut `title` rempli, vérifier que le contenu de l'attribut `title` reprend l'intitulé du lien auquel il est associé et apporte des informations supplémentaires.

##### 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. Pour les liens ayant un attribut `title` rempli, vérifier que le contenu de l'attribut `title` reprend l'intitulé du lien auquel il est associé et apporte des informations supplémentaires.

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

Méthode 1 :

1. Activer l'option "Afficher les attributs Title" du menu "Information".
2. Tous les attributs `title` sont affichés dans un cadre jaune.
   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...
3. Pour les attributs `title` remplis et associés à des liens, vérifier que le contenu de l'attribut `title` reprend l'intitulé du lien auquel il est associé et apporte des informations supplémentaires.

Méthode 2 :

1. Activer l'option "Entourer les liens sans attributs title" du menu "Entourer".
2. Les liens qui ne possèdent pas d'attribut `title` sont entourés d'un liseret rouge.
3. Pour tous les autres liens de la page (non entourés, qui ont un attribut `title`), passer la souris sur chacun d'eux pour faire apparaître le contenu de l'attribut `title`.
4. Pour les liens ayant un attribut `title` rempli, vérifier que le contenu de l'attribut TITLE reprend l'intitulé du lien auquel il est associé et apporte des informations supplémentaires.

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

1. Effectuer la combinaison de touches Insert+V pour faire apparaître la liste des paramètres de Jaws relatifs aux documents html.
2. Cliquer sur l'option "liens textuels" et appuyer sur la touche "espace" jusqu'à ce que la valeur de cette option soit "titre". Puis valider.
3. Passer de lien en lien à l'aide de la touche "tabulation" et lire le texte qui apparaît dans la fenêtre "afficheur Braille" en le comparant à l'intitulé du lien qui apparaît à l'écran.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

L'aspect à la fois technique et rédactionnel de ce critère implique une concertation entre le développeur du site et les personnes en charge du contenu.

#### Implémentation

Avant tout autre information, l'attribut `title` doit au moins contenir l'intitulé du lien lui-même.
Il doit être compréhensible hors du contexte de la page au même titre qu'un lien.
Syntaxe générale :

<a href="mapage.html" title="mon lien (nouvelle fenêtre)">mon lien</a>

#### Exemple de mauvaise pratique

Le contenu de l'attribut `title` doit reprendre l'intitulé du lien tout en apportant des informations supplémentaires comme, par exemple, l'ouverture d'une nouvelle fenêtre provoquée par l'activation de ce lien. Ici, aucune des deux conditions n'est respectée.

<a href="http://www.braillenet.org/" title="Nouvelle fenêtre">Visiter le site de BrailleNet</a>

#### Exemple de bonne pratique

en reprenant l'exemple précédent, voici comment faire bon usage de cet attribut :

<a href="http://www.braillenet.org/" title="Visiter le site de BrailleNet (Nouvelle fenêtre)">Visiter le site de BrailleNet</a>

revenir en haut de la page

### Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 6.2 : Les liens sont-ils explicites ?
- Fiche 6.3 : Si nécessaire, l'attribut TITLE est-il présent et fait-il moins de 80 caractères ?
- Fiche 6.5 : Chaque intitulé de lien identique amène t-il vers la même destination ?
- Fiche 13.5 : Y a-t-il des informations supplémentaires disponibles décrivant la consultation des fichiers en téléchargement ?

#### Autres ressources

- html Techniques (section 6) : Links
- Plongez dans l'accessibilité : Jour 14 : Ajouter des titres à vos liens
- 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