retour vers le site AccessiWeb

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 ?

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

Valeur ajoutée pour le site

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

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 6.2 Fiche suivante : fiche 6.4

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