Pied de page général : Bande principale: Système de conception de Canada.ca
Dernière mise à jour : 2023-04-06
Obligatoire dans les pages régulières
La bande principale du pied de page est l’élément principal du pied de page général. Elle contient des liens vers la page Toutes les personnes-ressources du gouvernement du Canada, le répertoire des ministères et organismes et la page thématique À propos du gouvernement. Elle contient également des liens vers toutes les pages thématiques de Canada.ca.
Mise à jour de conception en 2022 : Nous avons récemment mis à jour ce modèle dans le cadre d’une nouvelle stratégie de navigation issue du projet de recherche Orientation dans Canada.ca.
Sur cette page
Quand utiliser
La bande principale de pied de page est un élément obligatoire pour toutes les pages régulières du gouvernement du Canada.
Elle est facultative pour les pages transactionnelles et de campagne.
Quoi éviter
N’ajustez pas les liens ou le contenu dans la bande principale. Elle doit rester la même dans l’ensemble du site Web du gouvernement du Canada. Pour les liens qui sont propres à une organisation ou à un programme, utilisez la bande contextuelle.
Contenu et conception
Spécifications du contenu
Il y a deux groupes de liens dans la bande principale, séparés par une courte barre de séparation.
Liens mondiaux :
- Toutes les coordonnées
- Ministères et organismes
- À propos du gouvernement
Liens thématiques dans l’ordre suivant :
- Emplois
- Immigration et citoyenneté
- Voyages et tourisme
- Industrie
- Avantages sociaux
- Santé
- Impôts
- Environnement et ressources naturelles
- Sécurité nationale et défense
- Culture, histoire et sport
- Police, justice et urgences
- Transport et infrastructure
- Le Canada et le monde
- Argent et finances
- Science et innovation
- Les peuples autochtones
- Anciens combattants et militaires
- Jeunesse
Spécifications de conception
- Couleur de fond : Couleur d’accentuation primaire (#26374a)
- Couleur du texte : blanc (#FFFFFF)
- Famille de polices :
- titre : Lato
- liens : Noto Sans
- Taille du texte (la taille de base du pied de page est 16px) :
- titre : 19px ou 1.2em
- liens : 14px ou 0.875em
- Épaisseur de la police :
- titre : 700 ou caractère gras
- liens : 400 ou régulière
- Image en silhouette du parlement placé en bas à droite
- Colonnes : 3 colonnes en formats grand et moyen écran, 1 colonne en format petit écran
Exemples visuels
Version texte
Sur les grands écrans, la bande principale est disposée en 3 colonnes et contient des liens vers « Toutes les personnes-ressources », « Ministères et organismes » et « À propos du gouvernement ». Une petite ligne décorative sert de pause avant de poursuivre avec des liens vers tous les thèmes et publics.
Version texte
Sur les petits écrans, le pied de page principal est disposé en une seule colonne et contient des liens vers : « Toutes les personnes-ressources », « Ministères et organismes » et « À propos du gouvernement ». Une petite ligne décorative sert de pause avant de poursuivre avec des liens vers tous les thèmes et publics.
Comment mettre en œuvre
Trouvez des exemples pratiques et du code pour mettre en œuvre le pied de page.
Référence de mise en oeuvre du thème GCWeb
Norme
Mise en œuvre alternée pour les pages régulières
Mises en œuvre alternatives pour les pages transactionnelles et les pages de campagne
- Pied de page complet (bande contextuelle, bande principale et bande sous de pied de page)
- Bande principale et bande sous pied de page sans les liens facultatifs
- Bande contextuelle et bande sous pied de page
- Bande contextuelle et bande sous pied de page sans les liens facultatifs
- Uniquement la bande sous pied de page
- Uniquement la bande sous pied de page sans les liens facultatifs
Mises en œuvre
Déterminez la configuration du pied de page qui répond le mieux à vos besoins pour le type de page que vous créez. Consultez les conseils de votre mise en œuvre pour personnaliser les liens de la bande contextuelle ou de la bande de sous-pied.
AEM du GC
Pour l'Adobe Experience Manager du Gouvernement du Canada (AEM) :
SGDC
Pour la Solution de gabarits à déploiement centralisé (SGDC) :
Drupal WxT
Pour Drupal WxT :
Mise à jour du pied de page de 2023 :
Recherches et justification
Nous avons mis à jour le pied de page général de Canada.ca pour le faire correspondre à une nouvelle stratégie de navigation générale issue du projet de recherche Orientation dans Canada.ca.
Dernières modifications
- Ajout des liens vers les conseils de mise en œuvre de l'AEM du GC, la SGDC et le Drupal WxT
- Création d’une nouvelle page pour les conseils propres à cette bande, mise à jour des spécifications de contenu pour ajuster les liens globaux et inclure des liens thématiques, ajout de spécifications de conception et prestation de ressources de mise en œuvre.
Discussion
Détails de la page
- Date de modification :