Liens séquentiels
Les liens séquentiels sont des liens permettant de naviguer vers une page de contenu suivante ou précédente.
Ce composant de navigation permet de segmenter des contenus longs et complexes afin de mettre l’accent sur un seul élément à la fois.
Exemple
Vue d’ensemble
Cette section offre un aperçu des contextes d’utilisation, de l’anatomie du composant et des contenus. Pour plus d’informations sur la composition, le comportement et les interactions, consulter l’onglet « Spécifications ».
Quand l’utiliser
Les liens séquentiels peuvent être utilisés au sein d’un parcours comportant plusieurs étapes ou informations consécutives. Ils sont réservés aux pages de contenu informationnel.
Les liens séquentiels sont notamment utilisés pour naviguer entre :
- les pages d’une publication HTML
- des articles de blogue
- une suite de pages qui présente un processus ou des étapes à suivre
Les liens séquentiels sont utilisés seulement au sein de pages regroupées (appartenant à une même section) ou dont les sujets sont liés.
Quand ne pas l’utiliser
Les liens séquentiels ne doivent pas être utilisés pour remplacer l’indicateur d’étapes, ou la pagination.
Pour séquencer les pages dans un formulaire, ce sont plutôt les boutons de navigation qui seront utilisés.
Anatomie
- Icône
- Mention « Précédent » ou « Suivant »
- Libellé de la page liée
- Séparateurs
Contenus
Information détaillée sur les éléments spécifiques présents dans l’interface, y compris des explications sur leur fonctionnement et leur utilisation optimale.
Liens séquentiels (complets)
Il ne faut pas ajouter de lien précédent dans la première page, ni de lien suivant dans la dernière page.
Mention « Précédent » ou « Suivant »
Les mentions « Précédent » et » Suivant » sont toujours présentées dans le même ordre, c’est-à-dire que le lien précédent se trouve en haut du lien suivant.
Libellé de la page liée
Il est recommandé d’utiliser les titres de navigation (titre court) de la page. En aucun cas le libellé doit être distinct du titre de la page visée.
Si les pages de contenu sont présentées dans un contexte d’étape, il est possible d’ajouter une numérotation dans le titre de navigation (titre court) de la page et du lien séquentiel.
Contribuer à améliorer le système de design
Pour nous assurer que cette page est utile et à jour, vous pouvez remplir le formulaire de demandes destinées à l’équipe Design de la Direction des communications numériques gouvernementales. Vous pouvez utiliser ce formulaire pour :
- nous transmettre des questions ou commentaires sur le système de design ;
- être ajouté à la liste d'envoi du système de design ;
- faire une demande de trousse, d'information pour un nouveau projet, etc. ;
- rapporter un bogue dans le site Web ou dans la trousse de développement.
Dernière mise à jour : 15 janvier 2026