Appliquer la navigation dans Québec.ca
Avant d’appliquer la navigation dans vos pages de contenus, assurez-vous d’abord de réaliser l’arborescence de vos pages. Cela vous permettra d’identifier plus facilement le type de page et la navigation à utiliser.
Type de page
Il existe quatre types de page :
- page d’accueil;
- page de thème;
- page de sous-thème;
- page terminale.
La page d’accueil sert de porte d’entrée au site Québec.ca. Toutes les thématiques y sont affichées sous la forme de blocs de navigation. Seule la Direction des communications numériques gouvernementales peut modifier cette page.
Page d’accueil de Québec.ca
La page de thème est une page de navigation, c’est-à-dire qu’aucun contenu informationnel n’y est affiché. Cette page n’apparaît qu’une seule fois par thème. Seule la Direction des communications numériques gouvernementales peut modifier cette page.
Elle contient :
- le titre du thème;
- une description du thème;
- des blocs de navigation pour chaque sous-thème;
- un maximum de 3 liens rapides (hypertextes) par bloc de navigation.
Exemple de la page de thème.
La page de sous-thème est de fonction identique à la page de thème. Elle peut être multipliée autant de fois qu’il existe de niveaux de navigation vers une page terminale. À la différence de la page de thème, aucun lien ne peut être associé aux blocs de navigation.
Exemple d’une sous-page de thème.
La page terminale est celle où se trouve votre contenu informationnel. Elle peut comporter ou non un menu liste.
Exemple d’une page terminale.
Liens de parenté
Chaque page possède des liens de parenté avec d’autres pages. Il existe trois types de liens :
- Parent;
- Enfant;
- Fratrie.
Un parent est une page qui chapeaute une ou plusieurs sous-pages. Les pages de thèmes et de sous-thèmes sont des pages parents. Elles ne contiennent jamais de contenu informationnel.
Un enfant est une sous-page qui se trouve sous un parent. Par exemple, une page terminale est un enfant d’une page de sous-thème et une page de sous-thème est un enfant d’une page de thème.
Une fratrie est l’ensemble des sous-pages chapeautées par un parent.
Arborescence illustrant les relations entre les pages.
Lorsque vous aurez identifié le type de page pour chaque élément de votre arborescence, vous serez en mesure d’identifier les enjeux. Par exemple, déplacer des contenus informationnels d'une page de navigation vers une page terminale.
Types de navigation
Il existe trois types de navigation :
- Bloc de navigation;
- Menu liste;
- Autres types de navigation.
Blocs de navigation
Les blocs de navigation sont utilisés dans les pages de navigation :
- Pages de thèmes;
- Pages de sous-thèmes.
Ils servent à naviguer d’un niveau ou d’un sujet à l’autre sur le site.
Un bloc de navigation comprend :
- un titre;
- une courte description;
- une liste de 3 liens maximum.
Dans une page de thème, uniquement, le bloc de navigation peut afficher jusqu’à trois liens hypertextes. Ces liens sont ajoutés manuellement et offrent un raccourci vers des sous-pages fréquemment consultées du niveau inférieur.
Bloc de navigation d’une page de thème avec liens.
Dans une page de sous-thème, seuls le titre et la description du bloc sont affichés, sans liens raccourcis.
Bloc de navigation d’une page de sous-thème.
Menu liste
Le menu liste s’affiche uniquement sur les pages terminales. Il affiche les autres pages qui se trouvent au même niveau que la page de contenu active. Le menu liste peut afficher jusqu’à trois niveaux de navigation : le niveau actuel et deux niveaux subséquents.
Il est recommandé d’activer le menu liste sur toutes les pages terminales, sauf les exceptions suivantes :
- La page terminale n’a pas de fratrie;
- Les pages d’une même fratrie n’ont aucun lien concret, c’est-à-dire que les contenus sont trop distincts.
Conseil TYPO3
Pour afficher le menu liste sur un ensemble de pages d’une même fratrie (jusqu’à trois niveaux de navigation), il suffit de sélectionner le parent et d’activer le menu à partir de cette page.
Autres types de navigation
Les blocs de navigation et les menus liste représentent la navigation principale sur Québec.ca. D’autres composants peuvent être utilisés, en complément, pour optimiser l’expérience de navigation selon le contexte.
Les plus consultés
Le composant « Les plus consultés » est un ensemble d’étiquettes cliquables regroupées sous un titre. Il permet de rediriger l’utilisateur vers d'autres pages pertinentes en lien avec le contenu de la page actuelle.
Ces pages sont identifiées selon les critères suivants :
- Pages les plus populaires;
- Contenus cycliques et prévisibles, tels que les pneus d'hiver, la chasse sportive ou les inondations.
Ces étiquettes sont utilisées uniquement dans les pages de navigation.
Consulter les orientations de ce composant dans la fiche Les plus consultés.
Liens séquentiels
Ces liens permettent de naviguer vers une page de contenu suivante ou précédente. 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 terminales.
Consulter les orientations de ce composant dans la fiche Liens séquentiels.
Tuiles cliquables
Les tuiles cliquables sont des éléments de navigation mis en évidence. Elles sont utilisées uniquement dans les pages de rappel de campagne.
Consulter les orientations de ce composant dans la fiche Tuiles cliquables.
Dernière mise à jour : 25 août 2023
