Bénéfice 1 :
Beaucoup d'utilisateurs accèdent à une page par l'intermédiaire d'un moteur de recherche et n'accèdent pas systématiquement au contexte donné par la page d'accueil du site. Cette barre de navigation, lorsqu'elle est présente sur toutes les pages, est donc un moyen pour se repérer facilement sur la page et sur le site Web.
Bénéfice 2 :
Une barre de navigation permet au visiteur de connaître rapidement les différentes rubriques et les fonctionnalités offertes par le site.
Valeur ajoutée pour le site
Bénéfice 1 :
Le point d'entrée du visiteur n'étant pas nécessairement la page d'accueil, une barre de navigation présente sur toutes les pages peut permettre de le conduire vers d'autres rubriques auxquelles il n'avait pas pensé en arrivant sur le site.
Ce critère n'est pas évaluable par l'étude du code source.
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) :
Ce critère n'est pas évaluable par la barre AccessiWeb.
Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
Ce critère n'est pas évaluable par la barre d'accessibilité AIS version 1.2 pour IE.
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version
1.0.2 en français) :
Ce critère n'est pas évaluable par la barre d'outils Web Developer version 1.0.2 pour Firefox.
Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ecouter les différentes pages du site avec Jaws pour repérer d'éventuelles barres de navigation et un fil d’ariane.
Le graphiste et le développeur doivent veiller au respect de ce critère.
Implémentation
Ces processus de navigation peuvent être :
Une barre de navigation en bas ou en haut de page.
Un "fil d'Ariane" du style "Accueil > Plan du site > Contact > Actualité > Article", indiquant à l'utilisateur où il se trouve sur le site.
Une barre de menu qui donne à l'utilisateur la possibilité de naviguer à l'intérieur d'une même page par la présence de liens (Retour à la page précédente > Retour en haut de page > …).
Des liens permettant à l'utilisateur de "passer" le menu, souvent composé de nombreux liens, pour accéder directement au contenu de la page, (aussi appelés liens d'évitement). Ceux-ci peuvent, au choix du concepteur, être définis comme invisibles pour les navigateurs graphiques, mais visibles pour les lecteurs d'écran, en utilisant des pixels transparents, par exemple.
Exemple de mauvaise pratique
Il est plus pertinent ici d'indiquer des bonnes pratiques.
Exemple de bonne pratique
Navigation d'une page d'un site vers d'autres pages clés :
pour accéder à la page d'accueil du site :
<a href="index.htm">accueil</a>
pour accéder au plan du site
<a href="plan-du-site.htm">plan du site</a>
pour accéder à la page de contact
<a href="contact.htm">contact</a>
Navigation à l'intérieur d'une même page :
pour accéder via un pixel transparent «vide.gif» à la lecture d'un article sur une page :
<body> <a href="#article"><img src="image/vide.gif" alt="Passer à la lecture de l'article" width="5" height="5" border="0"></a> <a name="article"></a>Lecture de l'article </body>