020 - Sous-menu contextuel

Ajouter un niveau de navigation indépendant de la navigation principale.

Note 4/5, coût 1/5, accessibilité 4/5

Le sous-menu contextuel est un menu qui apparaît lorsque l’on a sélectionné une catégorie de la navigation principale. Il affiche la liste des liens vers les sous-catégories de la catégorie sélectionnée. La navigation et le sous-menu sont affichés dans deux pavés différents.
Lorsque vous implémentez un sous-menu contextuel, veillez à :

ce que le sous-menu soit très visible. Les internautes pourraient ne pas voir qu’il y a d’autres pages à consulter si le sous-menu n’est pas assez marqué. L’idéal est d’inverser les couleurs par rapport au reste de la page.

opter, si le design le permet, pour du HTML plutôt que des images afin de pouvoir faire évoluer votre site plus facilement, d’alléger le poids de votre page, de faciliter l’implémentation des recommandations d’accessibilité et d’optimisation des pages pour le référencement.

ce que la catégorie et sous-catégorie en cours de consultation soient allumées.

ce que toutes les pages de cette catégorie contiennent le sous-menu.

limiter vos sous-menus contextuels à 5 catégories et à garder des libellés très courts et explicites aux utilisateurs. Au-delà les internautes auront des difficultés à se souvenir de leur contenu.

Accessibilité
Les outils d’aide technique (lecteur d’écran, etc.) relisent la page depuis le début à chaque nouveau clic. Pour permettre aux internautes utilisant ces outils de passer directement au sous-menu, ajoutez des liens d’évitement de type « Aller au sousmenu» en haut de vos pages. Consultez la navigation 008 pour un complément d’information sur les liens d’évitement.

Dans le livre “Internet, donne-moi ce que je veux !”, lors d’une interview Amélie Boucher, ergonome alors pour la société www.rugama.com, www.ergolab.net nous donne son avis d’expert sur les sous-menus contextuels

- Elle nous indique le risque majeur de type de menu.

- Elle nous en liste ses avantages.

- Amélie nous indique comment pallier à ses inconvénients.

- Nous donne aussi les bonnes pratiques à appliquer pour classer les catégories au sein du sous-menu.

Laisser un commentaire

Les champs marqués * sont obligatoires