Système de design GCDémarrerAperçu des modèles de pagePage de baseAperçu des composantsAlerteAvisBarre de navigation latéraleBarre de navigation supérieureBascule de langueBoutonBoutons radioCarteCases à cocherChamp de dateChamp de saisieChemin de navigationConteneurDate de modificationDétailsEn-têteGrilleIcôneIndicateur d'étapeJeu de champsLienMasquage accessibleMenu thématiqueMessage d'erreurPaginationPied de pageRechercheRésumé des erreursSélectionSignatureTableauTéléverseur de fichiersTexteTitreZone de texteAperçu des raccourcis CSSRéinitialisation des stylesMise en page réactiveÉtatDimensionnement de la boîteDimensionnement du conteneurAffichageDébordementPositionVisibilitéPoliceFamille de policeTaille de policeStyle de policeÉpaisseur de policeHauteur de ligneCouleur de lienTaille de lienDécoration de texte de lienStyle de listeAlignement de texteCouleur de texteDébordement de texteTransformation de texteSaut de motMargeMarge intérieureAlignement de contenuAlignement des élémentsAlignement individuelÉlément flexibleDirection de l’élément flexibleÉlargissement de l’élément flexibleRétrécissement de l’élément flexibleHabillage de l’élément flexibleDégagementColonnes de grilleLignes de grilleJustification de contenuJustification des élémentsJustification individuelleOrdreAgencement de contenuAgencement des élémentsAgencement individuelCouleur de l'arrière-planCouleur de la bordureRayon de la bordureStyle de la bordureLargeur de la bordureNoms des icônesTaille de l'icôneImageCurseurÉvénements de pointeurTransitionAperçu des stylesUnités de styleCouleurEspacementTypographieNous contacterS'impliquerTrouvez une démo
Chemin de navigation <gcds-breadcrumbs>
Autres noms : fil d’Ariane.Un chemin d'accès à la page actuelle à partir de chaque niveau précédent de la hiérarchie du site.
Requis sur Canada.ca
GitHub
Figma
Aperçu du composant de chemin de navigation
Le chemin de navigation est un composant requis pour les pages standard et de campagne sur Canada.ca. Examinez les cas d’utilisation des chemins de navigation pour déterminer s’ils répondent à vos besoins.
Problèmes résolus par les chemins de navigation
En plus de signaler à une personne son emplacement actuel sur le site et l’aider à se repérer dans le modèle de navigation du site, utilisez le chemin de navigation pour :
Offrir un moyen linéaire de naviguer entre les différents niveaux d’un site Web;
Présenter une partie de la structure du site Web pour aider les gens à comprendre où trouver les éléments recherchés;
Situer la page actuelle par rapport à sa page parent dans la structure du site;
Organiser les sites Web selon une hiérarchie à plus de deux niveaux.
Composants connexes
Pied de page : pour placer le pied de page portant l’image de marque du gouvernement du Canada. En-tête : pour placer l’en-tête portant l’image de marque du gouvernement du Canada. Barre de navigation supérieure : pour guider la navigation au sein d’un site Web à l’aide d’un point de repère. Aidez-nous à nous améliorer Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact. Quelque chose ne va pas? Signalez-le sur GitHub en créant un compte. Vous pourrez accéder aux réponses de l'équipe, suivre les progrès réalisés concernant votre problèmes et voir les problèmes signalés par d'autres personnes. Fournir des commentaires Signaler un problème sur GitHub 2026-07-13