Page de sujet: Conception de Canada.ca
Obligatoire
Dernière modification : 2024-09-24
Les pages de sujet permettent d’accéder aux sujets et aux pages de destination qui permettent l’achèvement des tâches.
Sur cette page
Quand l’utiliser
Ce modèle doit être utilisé pour les deux premiers niveaux de sujet de chaque thème de l’arborescence thématique de Canada.ca.
Il est facultatif pour les sujets de niveau inférieur.
Quoi éviter
Les pages où les utilisateurs et utilisatrices peuvent amorcer une tâche doivent être considérées comme du contenu de destination et ne doivent pas recourir au modèle de page de sujet.
Le modèle de page de sujet ne doit pas être utilisé pour la promotion; utilisez plutôt les pages de campagne.
Contenu et conception
Trouvez ici des spécifications sur le contenu et la conception ainsi que des exemples visuels.
Le modèle de page de sujet est composé de plusieurs configurations :
| Configuration | Directives relatives à la page de sujet | Obligatoire |
|---|---|---|
| Bloc d’introduction |
Suivez les instructions de la configuration. L’image est facultative. Si vous incluez une image, utilisez les dimensions de l’image demi-largeur. |
Obligatoire |
| Bande en demande |
Met en évidence les tâches principales. Ce composant fournit des raccourcis vers les tâches principales du sujet. Toutefois, si toutes les tâches principales relatives au sujet sont déjà incluses sous forme de liens directs dans la partie Services et renseignements, ne les dupliquez pas ici. Dans un tel cas, vous pouvez choisir de ne pas inclure ce composant. |
Facultatif |
| Services et renseignements |
Organise le contenu et la navigation en présentant les informations et services les plus visités en premier. Le titre « Services et renseignements » de cette section doit utiliser la classe wb-inv pour ne pas être visible, tout en restant présent pour la structure sémantique et les lecteurs d’écran. |
Obligatoire |
|
Espace flexible : |
La partie inférieure de la page, au-dessus du pied de page, est considérée comme un espace flexible. L’utilisation de cet espace est facultative et les configurations pouvant être utilisées dans cet espace sont Médias sociaux, Collaborateurs et Promotion contextuelle (une seule promotion contextuelle). |
Facultatif |
Exemples visuels
Description de l’image : Page de sujet — grand écran
La page de sujet commence par un bloc d’introduction. Le [titre du sujet] est affiché dans le style standard H1 de Canada.ca. Après cela, 1 à 2 phrases décrivent les sujets et les principales tâches accessibles sur la page. À droite se trouve une image avec des dimensions de 520 px sur 200 px.
Sous le bloc d’introduction se trouve une bande En demande avec deux colonnes de liens (trois dans chaque rangée). Les liens mènent aux tâches principales.
En dessous de la bande En demande se trouve la configuration Services et renseignements. Il s’agit de trois colonnes, avec trois sujets dans chaque colonne. Le sujet commence par un titre sous forme d’hyperlien, suivi d’une description. Les instructions pour la description sont les suivantes : utilisez des verbes d’action ou énumérez simplement des mots-clés pour résumer les informations ou les tâches qui peuvent être accomplies sur la page à laquelle le lien renvoie.
Une promotion contextuelle se trouve sous la configuration Services et renseignements. Elle comprend une image positionnée à gauche, dont les dimensions sont de 360 px sur 203 px. À droite de l’image se trouve un titre en hyperlien pour l’élément vedette, suivi d’une brève description de celui-ci.
À droite de la promotion contextuelle se trouve le composant Médias sociaux. Son titre est « Dans les médias sociaux ». Il comprend cinq icônes : Facebook, X, YouTube, Instagram, LinkedIn. À côté de chaque icône se trouve le nom du compte en hyperlien. Sous les icônes se trouve un lien intitulé « D’autres moyens de rester en contact ».
En bas de la page, juste au-dessus du champ « Date de modification » et du pied de page, se trouve la configuration Collaborateurs. Elle est alignée à gauche. Elle est composée du texte « De : » suivi d’un hyperlien intitulé « [Ministère ou organisme] », le tout étant présenté horizontalement.
Description de l’image : Page de sujet — petit écran
La page de sujet commence par un bloc d’introduction. Le [titre du sujet] est affiché dans le style standard H1 de Canada.ca. Après cela, 1 à 2 phrases décrivent les sujets et les principales tâches accessibles sur la page.
Sous le bloc d’introduction se trouve une bande En demande avec une colonne de liens (six au total). Les liens mènent aux tâches principales.
En dessous de la bande En demande se trouve la configuration Services et renseignements. Il s’agit d’une colonne, avec neuf sujets au total. Le sujet commence par un titre sous forme d’hyperlien, suivi d’une description. Les instructions pour la description sont les suivantes : utilisez des verbes d’action ou énumérez simplement des mots-clés pour résumer les informations ou les tâches qui peuvent être accomplies sur la page à laquelle le lien renvoie.
Une promotion contextuelle se trouve sous la configuration Services et renseignements. L’image de la promotion apparaît en premier, avec des dimensions de 360 px sur 203 px. En dessous de l’image se trouve un titre en hyperlien pour l’élément vedette, suivi d’une brève description de celui-ci.
En dessous de la promotion contextuelle se trouve le composant Médias sociaux. Son titre est « Dans les médias sociaux ». Il comprend cinq icônes : Facebook, X, YouTube, Instagram, LinkedIn. À côté de chaque icône se trouve le nom du compte en hyperlien. Sous les icônes se trouve un lien intitulé « D’autres moyens de rester en contact ».
En bas de la page, juste au-dessus du champ « Date de modification » et du pied de page, se trouve la configuration Collaborateurs. Elle est alignée à gauche. Elle est composée du texte « De : » suivi d’un hyperlien intitulé « [Ministère ou organisme] », le tout étant présenté verticalement.
Comment procéder à la mise en œuvre
Trouvez ici des exemples pratiques et du code pour mettre en œuvre le modèle de page de sujet.
Référence pour la mise en œuvre du thème GCWeb (BOEW)
La référence pour la mise en œuvre explique comment configurer le modèle de page de sujet.
Mises en œuvre
Déterminez ce qui convient le mieux au type de page que vous créez.
AEM-GC
Pour Adobe Experience Manager (AEM) du gouvernement du Canada :
Justification stratégique
Ce modèle est un élément obligatoire des spécifications de Canada.ca.
Derniers changements
2024-09-24 :
- Passage de la version bêta à la version stable du modèle
- Mise à jour des directives pour inclure des spécifications de contenu et de conception, des exemples visuels et des conseils de mise en œuvre
2020-07-10 :
- Modifications à la disposition des colonnes de la section Services et renseignements pour les tabelettes
- Clarification des directives pour les comptes de médias sociaux
2020-06-30 : une nouvelle version bêta de ce modèle a été ajoutée.
Détails de la page
- Date de modification :