Une arrivée sans préambule
Une personne ouvre un article depuis un message ou une fiche depuis un moteur de recherche. Elle n’a peut-être jamais vu la page d’accueil. Un petit chemin au-dessus du titre lui donne un contexte : Accueil → Journal → Article. Il ne sert pas à remplir une ligne vide, mais à retrouver une collection plus large sans devoir déchiffrer tout le menu.
La hiérarchie, pas le parcours précédent
Le fil d’Ariane présente les pages parentes, pas la succession accidentelle des clics. Recherche → Contact → Produit décrit un historique, non la place du produit. Le navigateur possède déjà un bouton de retour. Définissez d’abord la structure du site. Si un contenu appartient à plusieurs collections, choisissez un chemin principal clair et présentez les autres relations séparément.
Chaque niveau doit avoir un sens
N’inventez pas une catégorie vide pour allonger le chemin. Le libellé d’un niveau supérieur doit correspondre à sa destination. La page actuelle peut rester un simple texte : un lien vers elle-même aide rarement. Les liens aux intitulés explicites sont utiles ici aussi. Un nom précis vaut mieux qu’un intitulé original mais difficile à comprendre.
Une navigation accessible et sobre
W3C décrit le fil d’Ariane comme une région de navigation dotée d’un nom accessible. Si l’élément courant est un lien, il porte aria-current="page" ; cet attribut reste facultatif pour un élément sans lien. Les séparateurs ne doivent pas créer d’arrêts supplémentaires au clavier. Vérifiez le focus visible, l’ordre de lecture et la distinction avec le menu principal.
Préserver le sens sur mobile
Réduire les caractères jusqu’à les rendre minuscules n’est pas une solution. Autorisez des retours à la ligne maîtrisés ou prévoyez un accès compact au niveau parent. Ne cachez pas tout le contexte derrière des points de suspension sans commande compréhensible. Testez les titres longs, le texte agrandi et chaque traduction. Une maquette composée de trois mots courts ne révèle pas les limites du composant.
Le balisage ne remplace pas les essais
BreadcrumbList peut décrire la hiérarchie pour la recherche, sans garantir une apparence particulière ni un classement. Les données doivent correspondre aux pages et au chemin réels. Avant publication, ouvrez directement une URL profonde, suivez chaque lien parent et recherchez les changements de langue involontaires. Un bon fil répond discrètement à deux questions : où suis-je et que puis-je explorer au-dessus ?