Le "fil d'Ariane" aussi appelé "chemin de fer" ou "rail de guidage" se situe typiquement en haut de la page web entre la barre d'entête et le titre de page.
Il est généralement composé de textes, de chevrons et de liens.
Il constitue une aide à la navigation qui permet de mieux se repérer dans le site. Il n’est pas indispensable et vient compléter la navigation principale, mais quitte à le proposer, autant qu’il soit accessible, cohérent et efficace.
1
2
3
Placez le fil d’Ariane en haut de page, de préférence à gauche, juste au dessus du contenu. De cette façon il ne gène pas la consultation du contenu et reste facilement accessible. Côté style, il doit rester discret pour ne pas interférer avec la navigation. Souvent dans un petit corps de police, il doit rester lisible sans gêner la lecture de la page.
Pour une résolution de 1024 x 768px
-
« Vous êtes » : Arial regular, 10px, #000000
-
Pages précédentes :
Etat normal : Arial regular, souligné, 10px, #00000
Etat survol : Arial regular, non-souligné, 10px, #000000 -
Page en cours et chevrons : Arial regular, 10px, #00000
Les fils d'Ariane du type emplacement sont une des techniques de base d'accessibilité des contenus Web : ils permettent en effet de répondre à l'un des critères de succès des Règles pour l'accessibilité des contenus Web (WCAG) 2.0, selon lequel « l'utilisateur dispose d'informations pour se situer dans un ensemble de pages Web » (cf. G65 : Providing a breadcrumb trail, Techniques for WCAG 2.0, W3C)
Le développement spécifique d'un site ou d'une application pour smartphone voit son contenu revu à la baisse et cela induit systématiquement la suppression du fil d'Ariane.
La p'tite phrase de l'utilisateur...
" Le fil d'Ariane c'est super ! S'il est bien fait, il me permet de mieux comprendre l'architecture du site et de savoir exactement où je me trouve. C'est un peu comme un plan du site qui tient compte de mes choix de navigation."
Eric (malvoyant)
" Je ne comprends pas trop comment fonctionne le fil d'Ariane. Il n'affiche pas toutes les pages de mon parcours et si je souhaite revenir en arrière je dois plutôt utiliser les flèches du navigateur."
Antoine