Sélection de la langue

Recherche


Pied de page général : Bande contextuelle: Système de 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.

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 :

Spécifications du contenu

Les spécifications de conception de cette bande sont les suivantes :

Exemples visuels

La bande contextuelle doit rester la même pour l’ensemble du groupe de pages du thème ou de l’institution.

Exemple pour le thème des anciens combattants et des militaires
Theme contextual footer. Text version below:
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 »

Exemple pour une institution
Institutional contextual footer. Text version below:
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

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.

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 :