Pied de page général : Bande contextuelle: Conception de Canada.ca
Dernière mise à jour : 2023-04-06
Optionnel
La bande contextuelle de pied de page est un élément facultatif du pied de page général.
Elle contient des liens propres à un groupe entier de pages, comme les coordonnées pour un programme. Un groupe de pages peut englober un thème entier, toutes les pages liées à un programme précis ou toutes les pages liées à une seule organisation.
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
Le pied de page fait office de dépannage pour les utilisateurs. Ils le consultent s’ils ne trouvent pas ce qu’ils cherchent dans le contenu principal de la page.
Utilisez une bande contextuelle de pied de page lorsque vous disposez d’un ensemble cohérent de liens de secours qui doivent être disponibles dans un groupe précis de pages.
- Par exemple, les pages du thème Impôt pourraient avoir une bande contextuelle en bas de page avec un lien pour contacter l’ARC.
Conseil : Si vos pages comportaient auparavant un lien contextuel « Contactez-nous » dans le pied de page général, vous devriez ajouter une bande contextuelle dans le pied de page.
Quoi éviter
Le contenu de cette bande ne devrait pas faire double emploi avec les liens du Gouvernement du Canada dans la bande principale de pied de page.
N’utilisez pas cette bande pour une page unique. Elle doit s’appliquer à un groupe de pages connexes.
Contenu et conception
N’incluez qu’une seule bande contextuelle de pied de page sur une page donnée.
Spécifications du contenu
Limitez cette bande à une seule rangée avec un maximum de 3 liens.
Incluez un titre pertinent pour le contenu de cette bande, comme le nom de l’organisation, le thème ou le programme.
N’oubliez pas qu’il s’agit d’une configuration de dépannage lorsque vous choisissez le contenu de ce groupe. Il n'y a pas de problème si un lien contact apparaît à la fois dans la zone de contenu et dans le pied de page. Si vous avez une page qui contient des coordonnées dans le corps de la page, vous pouvez avoir aussi un lien contact dans le pied de page.
Choisissez des liens que les gens s’attendront à trouver dans un pied de page en fonction des conventions du Web. Les liens contextuels courants en bas de page pourraient inclure :
- Contacter [...] ou Coordonnées pour [...] (lien vers la page de coordonnées de l’organisation ou du programme)
- Carrières (lien vers les offres d’emploi)
- Actualités (ou autres index gérés, comme les consultations)
Spécifications du contenu
Les spécifications de conception de cette bande sont les suivantes :
- Couleur de fond : Pied de page contextuel bleu (#33465c)
- 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
- Colonnes : 3 colonnes en formats grand et moyen écran, 1 colonne en format petit écran
Exemples visuels
La bande contextuelle doit rester la même pour l’ensemble du groupe de pages du thème ou de l’institution.
Version texte
Bande contextuelle pour le thème Anciens combattants et militaires avec le titre « Coordonnées » et 3 liens contextuels : « Coordonnées pour les anciens combattants », « Coordonnées pour les militaires » et « Contacter la GRC »
Version texte
Bande contextuelle pour une institution avec le titre “Agriculture et Agroalimentaire Canada” et 3 liens contextuels : “Contacter AAC,” “Nouvelles” et “Consultations”
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
- Ajout de conseils pour ce nouveau modèle.
Discussion
Détails de la page
- Date de modification :