Menu de gauche vertical avec développement de la sous-catégorie dans les pages internes uniquement

	Capture d'écran du site barclays.fr au 10/06/06

Affichées en colonne de gauche, les catégories principales apparaissent les unes au-dessous des autres.

Lorsque l’internaute clique sur une catégorie, il est redirigé vers une nouvelle page présentant cette catégorie. Le menu de gauche apparaît alors "ouvert" faisant un lien vers toutes les sous-rubriques de la rubrique sélectionnée. Les sous-rubriques s’affichent sous le lien sur lequel l’internaute vient de cliquer. Comme toutes les navigations en hauteur, le nombre de catégories et sous-catégories est en théorie illimité. Les ergonomes conseillent néanmoins d’afficher moins de 7 catégories par niveau.

Il est possible de mettre en place un script qui permette aux internautes d’ouvrir et de fermer les menus de gauche sans forcément recharger la page principale. Cette pratique est déconseillée car elle déconcerte les internautes. Lorsqu’un internaute clique sur un lien, il s’attend à changer de page. Ces scripts sont aussi très souvent ignorés par les moteurs de recherche et par les internautes qui ont désactivé l’exécution des scripts.

Si vous choisissez ce menu :

• laissez le sous-menu d’une catégorie ouvert. Si l’internaute consulte une catégorie, bloquez la possibilité de fermer le sous-menu.

Pour qui ?

Pour les sites contenant beaucoup de contenus. Cette navigation est très populaire auprès des sociétés et institutions qui démontrent sérieux et structure.

• allumez (par la couleur et l’insertion d’un signe de type ">"), voire désactivez lesliens des pages en cours de consultation.

• variez le menu de gauche (couleur, picto...) afin de mettre en avant certaines catégories et ainsi de casser la monotonie. Veillez à ce que les tags ALT et TITLE soient vides s’ils sont purement décoratifs.

• privilégiez le texte accompagné d’une illustration plutôt qu’une série d’images. Cela vous permettra de faire évoluer votre site à moindres frais et le rendre plus accessible entre autres aux moteurs de recherche.

• vérifiez qu’aucune des variations du menu ne soit démesurément plus longue que le contenu lui-même.

• vérifiez que l’ensemble de vos pages soient accessibles sans javascript. Testez en désactivant les javascripts de votre navigateur.

• préférez une imbrication de liste à puces (code html UL et LI) pour la construction de ce menu.

• une variante de ce menu existe. Elle ouvre le sous-menu en haut de page.