Pied de page général: Système de conception de Canada.ca

Sur cette page

• Quand utiliser
• Quoi éviter
• Contenu et conception
• Comment mettre en œuvre
• Recherches et justification
• Dernières modifications

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.

Chaque élément du pied de page général fournit un accès direct et centralisé à des types de contenu précis (par exemple, Coordonnées, Ministères et organismes, Confidentialité).

Déterminez les éléments de pied de page à utiliser en fonction du type de page que vous créez.

Quoi éviter

Ne personnalisez pas les éléments obligatoires du pied de page général, au-delà de ce qui est recommandé dans les conseils pour chacun. La cohérence dans cet espace est essentielle pour consolider la reconnaissance de la marque et la confiance des utilisateurs.

Par exemple, le mot-symbole Canada doit toujours apparaître dans le coin inférieur droit et les liens dans la bande principale ne doivent jamais changer.

Contenu et conception

Spécifications détaillées de contenu et de conception pour chaque élément du pied de page :

1. Bande contextuelle
2. Bande principale
3. Bande sous pied de page

Exemples visuels

Pages régulières

Version texte

Sur les grands écrans, le pied de page général comprend 3 bandes distinctes de liens. La première est la bande contextuelle. Elle contient un titre et 3 liens contextuels sur une seule ligne. La seconde est la bande principale. Elle 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. La bande sous pied de page se trouve au bas de la page et contient des liens vers « Médias sociaux », « Applications mobiles », « À propos de Canada.ca », « Avis » et « Confidentialité ». Ils sont tous alignés à gauche sur une seule ligne. Elle comprend également le mot-symbole Canada sur la même ligne, aligné à droite.

Version texte

Sur les petits écrans, le pied de page général comprend 3 bandes distinctes de liens. La première est la bande contextuelle. Elle contient un titre et 3 liens contextuels sur une seule ligne. La seconde est la bande principale. Elle est disposée 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. La bande sous pied de page se trouve au bas de la page et contient des liens vers « Médias sociaux », « Applications mobiles », « À propos de Canada.ca », « Avis » et « Confidentialité ». Sous ces liens se trouve une dernière rangée avec le mot-symbole Canada aligné à droite.

Pages transactionnelles et de campagne

Version texte

Sur les grands écrans, le pied de page général minimum pour les pages transactionnelles et de campagne comprend seulement la bande sous pied de page avec les liens vers « Avis » et « Confidentialité ». Ils sont tous alignés à gauche sur une seule ligne. Elle comprend également le mot-symbole Canada sur la même ligne, aligné à droite.

Version texte

Sur les petits écrans, le pied de page général minimum pour les pages transactionnelles et de campagne comprend seulement la bande sous pied de page avec les liens vers « Avis » et « Confidentialité », disposés en une seule colonne. Sous ces liens se trouve le mot-symbole Canada aligné à droite.

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

• Bande principale et bande sous pied de page

Mise en œuvre alternée pour les pages régulières

• Pied de page complet (bande contextuelle, bande principale et bande sous de pied de page)

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 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.

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.

• Résumé de la recherche sur l’orientation dans Canada.ca
  Ce résumé explique le contexte de la recherche et les constatations qui ont mené aux mises à jour de la conception.
• Le projet Orientation dans Canada.ca améliore notre approche en matière de la navigation
  Ce billet de blogue explique les changements proposés à la conception de Canada.ca et comment ils seront mis en œuvre.

Dernières modifications

2023-02-08

Ajout des liens vers les conseils de mise en œuvre de l'AEM du GC, la SGDC et le Drupal WxT

2022-12-23

Ajout des liens pour le résumé de recherche et le billet de blogue pour le projet Orientation dans Canada.ca

2022-11-30

Mise à jour du modèle pour tenir compte des changements de conception du projet de recherche Orientation dans Canada.ca, déplacement des spécifications détaillées vers des sous-pages propres aux bandes individuelles