Page de thème stratifiée: Conception de Canada.ca

Obligatoire

Dernière modification : 2026-07-30

La page de thème stratifiée est une suite de pages jouant le rôle de chemin de navigation principal sur Canada.ca. Les pages de thème fournissent un accès aux sujets et aux pages de destination qui appuient l’achèvement des tâches. Elles permettent aux utilisateurs de naviguer dans le contenu de l’ensemble du gouvernement en fonction d’un des thèmes principaux plutôt que par institution. De plus, ces pages organisent le contenu et la navigation par ordre de priorité en présentant d’abord les renseignements et les services les plus consultés.

Sur cette page

• Quand l’utiliser
• Quoi éviter
• Contenu et conception
• Comment procéder à la mise en œuvre
• Recherche et justification
• Derniers changements

Quand l’utiliser

Le modèle stratifié pour la page de thème ne doit être utilisé que pour la page de thème. Seuls les responsables des thèmes peuvent utiliser ce modèle.

Quoi éviter

N’utilisez pas la configuration de navigation à gauche de ce modèle sur un autre type de page. Cette option est réservée à la page de thème stratifiée.

N’ajoutez pas de liens menant aux canaux de communication de médias sociaux. Ajoutez-les plutôt à la page de sujet.

Contenu et conception

Le titre du thème doit être une balise H1 unique ainsi que le premier élément de la page.

• Lorsque vous utilisez AEM pour vos pages de thème, vous devez vous servir de l’élément du bloc d’introduction afin d’afficher le titre. N’activez aucune autre fonctionnalité du bloc d’introduction.

Ajoutez la bande en demande sous le titre du thème pour mettre en évidence les tâches principales. Utilisez la configuration de la bande en demande.

Ajoutez un lien et une brève description, également appelés menus d’accueil thématiques, pour chaque sujet lié au thème inclus dans la page. Ne répétez aucun des liens qui figurent dans la bande en demande. Utilisez la variante à deux colonnes de la configuration services et renseignements.

Insérez une bande contextuelle dans le pied de page. Utilisez la configuration de la bande contextuelle.

Inclus par défaut, le bouton de connexion renvoie à la page de connexion générale. Vous pouvez personnaliser le lien et le nom du bouton pour diriger l’utilisateur vers une page de connexion particulière ou vers une page qui gère plusieurs comptes en lien avec votre thème. Pour les pages donnant accès à plusieurs comptes, utilisez une étiquette, telle que « connexion à l’ARC » ou « connexion à l’IRCC ». Sinon, utilisez une étiquette spécifique au compte, comme « Se connecter à [nom du compte] ». Voir la configuration du bouton contextuel « Se connecter ».

Vous pouvez ajouter une alerte pour signaler une interruption urgente du service. Les alertes apparaissent sous le titre H1 dans la zone de contenu principale. Voir les directives concernant l’utilisation des alertes pour les situations de crise.

Vous pouvez ajouter un maximum de trois promotions contextuelles au-dessus du pied de page. Voir la configuration des promotions contextuelles.

Vous pouvez inclure un lien en vedette lorsqu’il est nécessaire de promouvoir un élément important de nature temporaire. Voir la configuration du lien en vedette.

Les demandes de personnalisation seront examinées au cas par cas si votre thème permet d’effectuer des recherches et de surveiller les répercussions de la personnalisation. Veuillez faire parvenir vos demandes de personnalisation au Bureau de l’expérience Canada.ca :

• dsd.ceo-bec.dsn@servicecanada.gc.ca

Exemples visuels

Description de l'image : Conception stratifiée pour la navigation par thème - grand écran

Le modèle stratifié pour la navigation par thème comporte une barre de navigation sur la gauche qui énumère tous les thèmes du site Canada.ca. Le contenu du thème sélectionné s'affiche à droite. Puisqu'il est sélectionné, le thème « Emplois » est surligné en bleu foncé. Une barre bleu foncé épaisse sert de séparation visuelle entre la barre de navigation et le contenu.

La section affichant le contenu du thème actif contient le titre du thème et une bande présentant les liens les plus demandés, suivie de la configuration Services et renseignements répartie sur deux colonnes. Cette section contient des liens et des descriptions qui aident l'utilisateur à naviguer dans les différents niveaux de contenu du thème. Sous la section de la navigation par thème, on retrouve le titre « En vedette » ainsi que trois promotions contextuelles en lien avec le thème. Cette section est suivie d'un pied de page contextuel qui s'applique au thème.

Description de l'image : Conception stratifiée pour la navigation par thème - petit écran

Dans les appareils mobiles, le modèle stratifié pour la navigation par thème comprend une bande bleu foncé qui s'étend sur toute la largeur en haut de la page et qui contient le texte « Menu » et un chevron pointant vers le bas. Lorsque l'utilisateur clique sur le menu, celui-ci se déploie pour afficher tous les thèmes et masque le contenu de la page ainsi que la bande principale du pied de page général.

La section affichant le contenu du thème actif contient le titre du thème et une bande présentant les liens les plus demandés, suivie de la configuration Services et renseignements répartie sur une seule colonne. Cette section contient des liens et des descriptions qui aident l'utilisateur à naviguer dans les différents niveaux de contenu du thème. Sous la section de la navigation par thème, on retrouve le titre « En vedette » ainsi que trois promotions contextuelles en lien avec le thème. Cette section est suivie d'un pied de page contextuel qui s'applique au thème.

Comment procéder à la mise en œuvre

Trouvez des exemples pratiques et du code pour mettre en œuvre le modèle stratifié pour la page de thème.

Référence pour la mise en œuvre du thème GCWeb (WET-BOEW)

La référence pour la mise en œuvre explique comment configurer le modèle stratifié pour la page de thème.

• Documentation sur le modèle stratifié pour la page de thème – GCWeb (WET-BOEW)

Recherche et justification

Consultez les conclusions de la recherche et la justification stratégique.

Constatations découlant de la recherche

Résumé de recherche – Orientation dans Canada.ca

Des études ont révélé que les personnes qui naviguent sur le site utilisent le lien du fil d’Ariane près de deux fois plus souvent que le menu des thèmes et des sujets.

Justification stratégique

Le modèle stratifié pour la page de thème est obligatoire conformément aux spécifications de Canada.ca.

• Éléments obligatoires du système de conception

Derniers changements

2026-07-30

Stabilisation et lancement du modèle stratifié pour la page de thème.

2024-09-24

Mise à jour de la configuration pour supprimer toute référence à la page de sujet, qui est désormais une configuration distincte.

2020-07-10

• Modifications à la disposition des colonnes de la section Services et renseignements pour les tablettes.
• Clarification des directives pour les comptes de médias sociaux.

2020-06-30

Ajout d'une nouvelle version bêta de ce modèle.