Comparaison comportementale
Le Fil d’Ariane montre où la page se situe dans une hiérarchie déjà existante ; l’Indicateur d’étapes montre où l’utilisateur en est dans un processus ordonné.
Décision
Faut-il situer la page dans une hiérarchie, parcourir des pages de résultats ou montrer l’étape d’un processus ?
| Dimension | Fil d’ArianeBreadcrumbs | Indicateur d’étapesStepper |
|---|---|---|
| Déclenchement | Activer le lien nommé d’un ancêtre remonte dans la hiérarchie actuelle. | Le parcours environnant avance ou revient entre des étapes significatives du processus. |
| Modalité | Navigation non modale ; la page actuelle reste entièrement disponible. | Contexte de progression non modal pour une tâche en plusieurs étapes ; il ne bloque pas l’étape actuelle. |
| Positionnement | Un fil compact avant le titre principal, ordonné de la racine à la page actuelle. | Près du titre du parcours, ordonné de la première à la dernière étape. |
| Interactivité | Les ancêtres sont des liens ; la page actuelle est identifiée et généralement en texte simple. | Communique surtout les étapes terminées, actuelle et à venir ; une étape n’est interactive que si la navigation est réellement permise. |
| Focus | Le focus visible reste sur chaque lien ancêtre jusqu’à la navigation ; la page actuelle en texte simple n’ajoute pas d’arrêt Tab. | Après un changement d’étape sur place, focaliser le nouveau titre ou utiliser un équivalent documenté ; ne jamais focaliser un segment décoratif. |
| Fermeture | Le fil d’Ariane est une navigation persistante et ne se ferme pas. | L’indicateur est un contexte persistant du parcours et ne se ferme pas. |
| Rôle accessible | nav[aria-label] > ol > li > a[aria-current=page] | ol > li[aria-current=true] + heading |
| Cas d’usage | Les pages appartiennent à une hiérarchie de plusieurs niveaux | Un processus linéaire stable comporte au moins trois sections utiles |
| Comportement mobile | Conserver la position actuelle et l’ancêtre le plus proche sans faire dépendre la hiérarchie essentielle d’un défilement horizontal. | Conserver un titre concis « étape X sur Y » et masquer les libellés secondaires avant de rendre l’état illisible. |
Mesure d'audience
Avec ton accord, Google Analytics et des compteurs first-party agrégés mesurent l’usage du site pour nous aider à l’améliorer. Ces compteurs ne contiennent ni texte de recherche, ni candidat, ni identifiant de session ou d’événement. Ton choix reste modifiable via « Cookies » en pied de page.