# Guide AccessiWeb

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

## Fiche 6.3 : Si nécessaire, l'attribut TITLE est-il présent et fait-il moins de 80 caractères ?

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.3
- 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:
  Si une contrainte particulière impose l'utilisation d'intitulés de liens identiques pointant cependant vers des pages différentes, il est indispensable de les distinguer. Ainsi, les utilisateurs qui naviguent de liens en liens, sans le texte qui les entoure, à l'aide de la touche TAB ou d'une fonction leur permettant de constituer la liste des liens, disposent d'informations supplémentaires pour les différencier les uns des autres.
  L'attribut `title` doit être placé dans la balise `A` et comporter au maximum 80 caractères. En effet, un afficheur braille présente généralement des longueurs de ligne de 40 caractères : la lecture du contenu d'un attribut `title` supérieur à 80 caractères s'avère fastidieuse.
- Bénéfice 2 :
  De même, lorsqu'un lien propose le téléchargement d'un fichier, les informations relatives à ce fichier (format, poids, présentation) doivent également apparaître. L'utilisation de l'attribut `title` dans la balise `A` peut permettre d'apporter un complément d'information pour ce type de liens.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  Lorsqu'une page contient de nombreux liens de type "en savoir plus" ou "cliquer ici", l'utilisation de la balise `title` pour les distinguer et apporter des informations supplémentaires, permet de mieux référencer ces pages auprès des moteurs de recherche.

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. S'assurer que sa présence est nécessaire.
4. Compter le nombre de caractères du texte associé à cet attribut (espaces et ponctuations compris).

#### 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.3.
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 chacun des liens, vérifier si la présence de l'attribut `title` est nécessaire et si oui, s'il est présent (ie, vérifier qu'un texte est présent dans la colonne `title`).
5. Vérifier alors que l'information contenue dans l'attribut `title` comporte au maximum 80 caractères (espaces et ponctuations compris).

##### 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 chacun des liens, vérifier si la présence de l'attribut `title` est nécessaire et si oui, s'il est présent (ie, vérifier qu'un texte est présent dans la colonne TITLE).
4. Vérifier alors que l'information contenue dans l'attribut `title` comporte au maximum 80 caractères (espaces et ponctuations compris).

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

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 chaque lien entouré (qui n'a pas d'attribut `title`), déterminer si un attribut `title` est nécessaire. Pour tous ces liens entourés, si un attribut `title` s'avère nécessaire, le critère est invalidé.
4. Pour tous les autres liens de la page (non entourés, qui ont un attribut `title`), aller dans le menu "Information" puis dans l'option "Afficher les attributs Title" pour faire apparaître le contenu de l'attribut `title`.
   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...
5. Vérifier pour les liens Web si la présence de l'attribut `title` est nécessaire.
6. Si oui, vérifier alors que l'information contenue dans l'attribut `title` comporte au maximum 80 caractères (espaces et ponctuations compris).

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

1. Lorsque la page est chargée, ouvrir la boîte de dialogue de verbosité de Jaws avec les touches Insert+V.
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.
4. Vérifier que la longueur du contenu de l'attribut `title` de chaque lien ne dépasse pas 80 caractères. Lorsque la longueur d'un lien vous paraît suspecte, il vous suffit de sélectionner et copier le titre de ce lien dans un éditeur de texte. Placer le curseur avant le dernier caractère et vérifier la valeur du nombre de colonnes (les accents comptent pour un caractère ainsi que les espaces).

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

Syntaxe générale :

<a href="mapage.html" title="contenu de l'attribut title">mon lien</a>

#### Exemple de mauvaise pratique

Dans l'exemple ci-dessous, l'attribut `title` est bien présent, mais son contenu a une longueur de 111 caractères.

<p>BrailleNet organise des séminaires techniques pour l'année 2006.<br />
<a href="" title="Pour connaître les prochaines dates de séminaires organisés par l'association BrailleNet, et les thèmes abordés">
Cliquer ici
</a>
pour connaître les prochaines dates et les thèmes abordés.
</p>

Le lien ci-dessous déclenche l'ouverture d'une nouvelle fenêtre sans que l'utilisateur n'en soit averti :

<a href="aide.asp" onclick="return OpenWindowByTarget(this.target,this.href,500,600,0,0)" target="aide">
Aide
</a>

#### Exemple de bonne pratique

En reprenant le premier exemple précédent, le contenu de l'attribut `title` permet d'apporter des informations supplémentaires, par rapport à l'intitulé du lien, avec une longueur limité à 71 caractères.

BrailleNet organise des séminaires techniques pour l'année 2006.

<a href="" title="Pour connaître les prochaines dates de séminaires et les thèmes abordés">
Cliquer ici
</a>
pour connaître les prochaines dates et les thèmes abordés.
</p>

Le lien suivant déclenche l'ouverture d'une nouvelle fenêtre, ce qui est signalé par le contenu de l'attribut `title`

<a href="aide.asp" onclick="return OpenWindowByTarget(this.target,this.href,500,600,0,0)" target="aide" title="Aide (nouvelle fenêtre)">
Aide
</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.1 : L'intitulé des liens fait-il moins de 80 caractères ?
- 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 ?
- Fiche 6.5 : Chaque intitulé de lien identique amène t-il vers la même destination ?

#### 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