# Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Aide à la navigation > Fiche 12.3

## Fiche 12.3 : Existe-il des barres de navigation qui facilitent l'accès pour la navigation interne dans le site ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 12.3
- Niveau AccessiWeb : or
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 13.5

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

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

revenir en haut de la page

### Comment évaluer

#### Par le code source

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) :

1. Ecouter les différentes pages du site avec Jaws pour repérer d'éventuelles barres de navigation et un fil d’ariane.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

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

1. 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>

2. 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>

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 9.1 : Est-ce que la structuration de l'information est cohérente par rapport au contexte général du site ?"
- Fiche 9.3 : Y a-t-il un plan du site ?
- Fiche 9.4 : Y a-t-il une page d'aide expliquant les principes de navigation à l'intérieur du site ?
- Fiche 12.1 : La navigation dans l'ensemble des pages du site est-elle cohérente ?
- Fiche 12.2 : Le menu principal de navigation interne dans le site est-il toujours présent à la même place dans les pages ?

#### Autres ressources

- Web Content Accessibility Curriculum (section 13.5) : Provide navigation bars to highlight and give access to the navigation mechanism
- Web Content Accessibility Curriculum (section 13.6) : Group related links, identify the group and provide a way to bypass the group

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