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.5 : Chaque lien identique a-t-il la même url ?

revenir en haut de la page

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

revenir en haut de la page

Comprendre

Comprendre le critère

Tous les liens identiques doivent avoir la même url.

Bénéfices pour les utilisateurs

• Bénéfice 1:
  Pour activer un lien, les utilisateurs de logiciels de reconnaissance vocale prononcent son intitulé ou son titre de lien s'il est présent. En rencontrant des liens identiques, le logiciel de reconnaissance vocale prononcera donc la même chose et si les destinations de ces liens sont différentes, l'utilisateur sera désorienté.
  
  
• 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

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.5.a [Bronze] : Chaque lien texte identique a-t-il la même url ?
   • Test 6.5.b [Bronze] : Chaque lien image identique a-t-il la même url ?
   • Test 6.5.c [Bronze] : Pour chaque image réactive (balise img ou balise object avec un attribut usemap), chaque zone cliquable (balise area) identique a-t-elle la même url ?
   • Test 6.5.d [Bronze] : Chaque lien composite identique a-t-il la même url ?
   
   
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.5.a [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. 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
  • Si la colonne "Title" est vide (pas de titre de lien) : dans la colonne "Intitulé du lien", vérifier que chaque lien texte identique a la même url.
  • Si la colonne "Title" contient un titre de lien : dans la colonne "Title", vérifier que chaque lien texte identique a la même url.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.5.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. 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 et des liens images s'affiche dans une nouvelle fenêtre
  • Si la colonne "Title" est vide (pas de titre de lien) : dans la colonne "Intitulé du lien", vérifier que chaque lien image dont l'alternative textuelle (contenu de l'attribut alt ou texte entre <object> et object>) est identique a la même url.
  • Si la colonne "Title" contient un titre de lien : dans la colonne "Title", vérifier que chaque lien image identique a la même url.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.5.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. Vérifier que chaque zone cliquable ayant un attribut alt identique a la même url
5. Si c'est le cas, le test est validé.


• Pour le test 6.5.d [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
  • Si la colonne "Title" est vide (pas de titre de lien) : dans la colonne "Intitulé du lien", vérifier que pour chaque lien composite dont le texte compris entre <a href="..."> et a> (en tenant compte de l'alternative textuelle de ou des images) est identique a la même url.
  • Si la colonne "Title" contient un titre de lien : dans la colonne "Title", vérifier que chaque lien composite identique a la même url.
  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.5.a [Bronze], le test 6.5.b [Bronze] et le test 6.5.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles Css" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'option "Afficher les attributs Title".
  4. Dans le menu "Images", activer l'option "Afficher les attributs Alt".
  5. La page s'affiche sans les styles CSS, affiche le contenu de tous les attributs title et de tous les attributs alt.
  6. Si aucun titre de lien est présent, vérifier que chaque lien texte / lien image / lien composite identique a la même url.
  7. Si un titre de lien est présent, vérifier que chaque contenu de titre de lien identique de chaque lien texte / lien image / lien composite a la même url.
  8. Si c'est le cas, le test est validé.
  
  
• Pour le test 6.5.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 chaque zone cliquable ayant un attribut alt dont le contenu est identique, a la même url.
5. Vérifier que chaque zone cliquable ayant une alternative textuelle et un titre de lien dont le contenu est identique, a la même url.
6. 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é ?

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, le lien qui comporte un intitulé différent des autres mène vers une page différente. Les deux intitulés identiques mènent vers la même url.

<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.4.html">Fiche 6.4 du guide AccessiWeb</a>

De plus, 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><br />

revenir en haut de la page

Illustrations

Avertissement : le contenu du paragraphe "Illustrations" est donné à titre indicatif. Il ne présente pas tous les cas possibles.

revenir en haut de la page

Références

• html techniques for WCAG 1.0 (section 6) : Links

revenir au sommaire de la fiche

revenir en haut de la page

---

Guide AccessiWeb (version 3.1, 2 mars 2009) | Conditions d'utilisation | Contact
Copyright © 2009 Association BrailleNet. Tous droits Réservés.