Guide AccessiWeb

1. Accueil
2. Mode d'emploi
3. Structure d'une fiche
4. Fiches AccessiWeb
   • 1) Images
   • 2) Cadres
   • 3) Couleurs
   • 4) Multimédia
   • 5) Tableaux
   • 6) Liens
   • 7) Code exécutable
   • 8) Eléments obligatoires
   • 9) Structuration de l'information
   • 10) Présentation de l'information
   • 11) Formulaires
   • 12) Navigation
   • 13) Consultation
5. Glossaire
6. Aide à l'évaluation
   • Liste d'outils
   • Manuel Code Source
   • Manuel WAT [Internet Explorer]
   • Manuel Web Dev [Firefox]
7. Référentiel AccessiWeb
   • AccessiWeb v1.1 [Général]
   • AccessiWeb v1.1 [Déployé]
   • AccessiWeb v1.0
8. Tables de correspondance
   • AW v1 vers AW v1.1 [Général]
   • AW v1.1 [Général] vers AW v1.1 [Déployé]
   • AW v1.1 [Général] vers WCAG 1.0
   • AW v1.1 [Général] vers UWEM 1.0
   • AW v1.1 [Déployé] vers UWEM 1.0
   • AW v1.1 [Général] vers WCAG 2.0
   • AW v1.1 [Général] vers mobileOK Basic 1.0
   • AW v1.1 [Général] vers RGAA
9. Moteur de recherche
10. Références
11. Remerciements
12. Plan du guide

Critère 6.3 : Pour chaque lien ayant un titre de lien, ce titre est-il pertinent ?

revenir en haut de la page

Carte d'identité du critère 6.3 [niveau AccessiWeb : Bronze]

revenir en haut de la page

Comprendre

Comprendre le critère

Tous les attributs title de liens doivent avoir un contenu complémentaire et nécessaire à l'intitulé de lien quand ils doivent être utilisés pour donner le titre du lien.

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

• 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

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html" title="titre de lien">intitulé de lien</a>) :
   • texte compris entre les balises a et /a
   • balise img comprise entre les balises a et /a
   • balises area contenues entre les balises <map name=[...]> et </map>
   • balise img et du texte compris entre les balises a et /a.
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 6.3.a [Bronze] : Pour chaque lien texte ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
   • Test 6.3.b [Bronze] : Pour chaque lien image ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
   • Test 6.3.c [Bronze] : Pour chaque image réactive (balise img ou balise object avec un attribut usemap), pour chaque zone cliquable (balise area) ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
   • Test 6.3.d [Bronze] : Pour chaque lien composite ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
   
   
3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

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 d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :

• Pour le test 6.3.a [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer l'ActiveX".
  3. Puis, dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des liens [nouvelle fenêtre]".
  4. La liste des liens s'affiche dans une nouvelle fenêtre.
  5. Dans la colonne "Title", vérifier que pour chaque lien texte ayant un titre de lien (attribut title), le contenu de cet attribut est pertinent.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.3.b [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer l'ActiveX".
  3. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des liens [nouvelle fenêtre]".
  4. La liste des liens s'affiche dans une nouvelle fenêtre.
  5. Dans la colonne "Title", vérifier que pour chaque lien image ayant un titre de lien (attribut title), le contenu de cet attribut est pertinent.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.3.c [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Images" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Voir les images map [nouvelle fenêtre]".
  3. Chaque images réactive s'affiche avec la liste de ses balises area.
  4. Dans la colonne "Title", pour chaque image réactive, vérifier que pour chaque zone cliquable (balise area) ayant un titre de lien (attribut title), le contenu de cet attribut est pertinent.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.3.d [Bronze] :
  1. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer l'ActiveX".
  2. Puis, dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des liens [nouvelle fenêtre]".
  3. La liste des liens s'affiche dans une nouvelle fenêtre.
  4. Dans la colonne "Title", vérifier que pour chaque lien composite ayant un titre de lien (attribut title), le contenu de cet attribut est pertinent.
  5. Si c'est le cas, le test est validé.

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

• Pour le test 6.2.a [Bronze], le test 6.3.b [Bronze] et le test 6.3.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les attributs Title".
  3. Le contenu de l'attibut title s'affiche sur un fond jaune à côté du lien.
  4. Vérifier que chaque lien texte / lien image / lien composite ayant un titre de lien, le contenu du titre de lien est pertinent.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.3.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque image réactive, pour chaque zone cliquable ayant un titre de lien, le contenu du titre de lien est pertinent.
  5. Si c'est le cas, le test est validé.

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.

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

• html techniques for WCAG 1.0 (section 6) : Links
• Plongez dans l'accessibilité : Ajouter des titres à vos liens

revenir au sommaire de la fiche

revenir en haut de la page

---

Guide AccessiWeb (version 3.0, 9 juin 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.