FICHE 15

MECANISMES D'AIDE A LA NAVIGATION

1.Rappel de la recommandation 13 des WCAG 1.0 :

" Fourniture de mécanismes de navigation clairs et cohérents (information d'orientation, barres de navigation, carte du site etc."

Points de contrôle : 13.1 (Priorité 2) ; 13.3 (Priorité 2) ; 13.4 (Priorité 2) ; 13.5 (Priorité 3) ; 13.6 (Priorité 3) ; 13.7 (Priorité 3)

Raisons de cette recommandation

Certains outils peuvent améliorer grandement la consultation d'un site web. Le plan du site permet à l'internaute de prendre connaissance rapidement de l'architecture du site et d'avoir une idée précise des informations qu'il contient. Un moteur de recherche permet un accès précis et rapide à l'information. Une page d'aide à la navigation permet aux utilisateurs novices du site de se retrouver dans les pages. L'utilisation du site en sera meilleure pour tous les utilisateurs.

2. Ce qu'il faut faire

La règle générale

Les outils de navigation doivent être accessibles facilement à partir de toutes les pages du site. Dans chacune d'entre elles, ils doivent être aisément repérables et si possible, placés toujours au même endroit. Leur construction doit naturellement respecter les normes d'accessibilité.

Plan du site

Il doit être constitué d'un ensemble de liens hypertextes concis, précis et lisibles hors contexte (liens textuels ou liens images bien commentés). Ceux-ci peuvent être agencés sous forme d'une table des matières. Classés par niveaux et/ou par thèmes, ils donneront un aperçu utile de l'apparence générale de l'arborescence du site. Une numérotation appropriée des différents liens est un plus non négligeable. Un plan du site bien conçu et couplé à un moteur de recherche favorise l'accès rapide à l'information.

Moteur de recherche

Le formulaire de recherche doit être facilement repérable dans chaque page par exemple par un titre explicite. Il doit être composé d'éléments HTML standards et accessibles (voir fiche formulaire).
La validation du formulaire et l'affichage de la page de recherche ne doivent pas être exécutés par des scripts côté client type Javascript. Les informations contenues dans celle-ci doivent être exploitables par tous.

Page d'aide

Un ensemble d'explications claires et concises rédigées dans un langage simple améliore la facilité d'utilisation du site. Elle a pour rôle de décrire la structure du site et de certaines pages. Certains éléments complexes doivent faire l'objet d'explications : descriptions, mode d'emploi. Des conseils de navigation doivent être prodigués aux internautes pour améliorer la lisibilité et la consultation du site.

Liens

Regrouper les liens de même nature et proposer un moyen de passer ce groupe de liens. Se référer à la technique " grouping and bypassing links " http://www.w3.org/TR/WCAG10-HTML-TECHS/#group-bypass.

Barres de navigation

Les barres de navigation sont très utiles pour se repérer sur un site et savoir où l'on se trouve. Quand on les rencontre sur toutes les pages, il est possible d'atteindre rapidement une partie du site. Cette répétition de liens sur chaque page peut gêner les utilisateurs de synthèses vocales ou de braille, qui doivent lire toutes ces barres de navigation avant d'accéder au contenu de la page.
Il existe plusieurs méthodes pour " passer " ces liens :

1. Inclure un lien pour passer cette barre de navigation
2. Proposer une feuille de style permettant à l'utilisateur de cacher la barre de navigation.
3. Utiliser l'élément " map " pour regrouper une série de liens. Le premier lien de cette série devra comporter une ancre vers l'information principale de la page :

Pages et nombre de clics

Les pages ne doivent pas être trop longues afin d'éviter un scrolling écran trop important. Le nombre de clics doit être limité afin de préserver la personne de la fatigue occasionnée.

3.Exemples rencontrés sur les sites évalués

• Le site du Premier Ministre (www.premier-ministre.gouv.fr) fournit un bon exemple. Sur sa version texte, un lien permet de passer la barre de navigation pour accéder directement à l'information principale de la page.
  
• En revanche, le plan du site du Ministère de l'environnement (www.environnement.gouv.fr) comporte plus de 1000 liens et n'est pas très exploitable.
  
• Sur le site de l'Agence Nationale pour l'Emploi (www.anpe.fr - relativement accessible), le plan du site propose des rubriques sous forme de listes déroulantes validées par des scripts, et ne peut donc pas être lu.

retour aux fiches