Navigation, ne perdez pas le fil

Thierry FOUCHER • 7 janvier 2023

Fil d'Ariane (Breadcrumbs en anglais)

FIL D'ARIANE POUR NE PAS SE PERDRE DANS UN SITE WEB

Rappelons ici le concept de Fil d'Ariane (Breadcrumbs en anglais, onglets de classeur pour les traditionnels classeurs papier de tous les secrétariats de la planète)... ? ou encore en référence à l'histoire du Petit Poucet de Charles Perrault, semant des petits cailloux pour retrouver son chemin dans la forêt !


Le fil d'Ariane est une technique de base d'accessibilité des contenus web qui permet de répondre à l'un des critères des Règles d'accessibilité des contenus Web (WCAG) 2.0, selon lequel l'utilisateur dispose d'informations pour se situer parmi un ensemble de pages web.

  • Le media mobile (smartphone) est devenu très majoritaire pour naviguer sur le web. Ceci influence considérablement les dispositifs de navigation utilisés par la plupart des sites web aujourd'hui (Menu Hamburger).
  • C'est une vraie difficulté d'afficher un Menu de navigation complet avec toutes les pages et sous-pages d'un site au contenu fourni.
  • Même en se limitant à des profondeurs de page respectant la règle des 3 clics max depuis la page d'Accueil du site, c'est une gageure que de rassembler un Menu de navigation complet pour un affichage mobile.

C'est pour cette raison que nous préconisons un système de navigation mixte réunissant un Menu de navigation avec les Pages principales seulement (1 clic de la Page d'Accueil) et, au sein des pages de niveau inférieur, un système de Fil d'Ariane, situé directement sous le titre <H1> de chacune des pages.

De cette manière, l'internaute sait toujours où la page en cours de consultaton se trouve et il a la possibilité d'effectuer une navigation retour vers les pages de niveau supérieur précédemment consultées ou non.


Le lecteur pourra approfondir le sujet du Fil d'Ariane dans les sites web dans les pages de Wikipedia.  

Rappel de l'histoire du Petit Poucet dans la forêt


On se replongera avec plaisir dans la lecture du conte du Petit Poucet de Charles Perrault, écrivain français du 17ème siècle, septième enfant de la famille Perrault - tout comme le Petit Poucet, 7ème enfant d'une famille de bûcherons.

Grâce aux petits cailloux blancs que l'enfant avait ramassé de bon matin au bord du ruisseau, après avoir entendu son père annoncer à sa mère qu'ils iraient le lendemain perdre leurs 7 enfants dans la forêt car ne pouvant plus les nourrir, le Petit Poucet trouva le moyen de ramener tous les enfants à la maison, après avoir été laissés par le bucheron et sa femme au milieu de la forêt épaisse...

  • FIL D'ARIANE VS LES CAILLOUX DU PETIT POUCET

    Titre de la diapositive

    Le petit Poucet retrouve son chemin de retour dans la forêt grâce aux petits cailloux semés sur son trajet aller.

    Bouton
par Thierry FOUCHER 27 avril 2025
Meta lance son IA en Europe, un an et demi plus tard qu'aux Etats-Unis
ACTE EN LIGNE Agence DUDA certifiée pour l'utilisation de l'éditeur de contenu 2.0
par Thierry FOUCHER 18 avril 2025
Acte en ligne est spécialisé depuis 2004 en Optimisation de présence web. Prestataire reconnu en Marketing Digital , nous avons enrichi notre savoir-faire aussi bien dans les éditeurs de contenu - certification Editeur 2.0 de DUDA par ex. - que dans les Réseaux sociaux professionnels et les algorithmes I.A. (Intelligence Artificielle) afin de vous aider à transformer vos prospects en clients et vos clients en clients fidèles.
logo de service-public.fr - Accès aux démarches administratives en ligne
par Thierry FOUCHER 8 juin 2024
Demandes en ligne pour des Actes d'Etat Civil : ACTE EN LIGNE n'est pas le bon interlocuteur. Nous expliquons quelles sont nos prestations d'Accompagnement Marketing en ligne pour les professionnels.
Visuel sécurisation de messagerie
par Thierry FOUCHER 15 décembre 2023
Acte en ligne propose de vous accompagner dans la mise en place d'une solution de sécurisation de messagerie électronique, en tant que Revendeur du prestataire spécialisé Secuserve.
par Thierry FOUCHER 10 décembre 2023
Urgence pour adopter un nouveau logiciel de facturation / devis
X change les conditions d'utilisation de Twitter
par Thierry FOUCHER 8 septembre 2023
Le patron de Tesla, SpaceX, Twitter et Neuralink apprécie particulièrement le symbole X. Les tweets s'appellent désormais des X et sont désormais concurrencés par l'application Threads lancée en juillet 2023 par Meta, maison-mère de Facebook.
Afficher plus