Pied de page général : Bande sous pied de page: Système de conception de Canada.ca
Dernière mise à jour : 2023-04-06
Obligatoire
La bande sous pied de page est un élément secondaire du pied de page général. Il contient une série de liens et le mot-symbole Canada.
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. Pour en savoir plus, consultez la section Recherches et justification de cette page.
Sur cette page
Quand utiliser
La bande sous pied de page est obligatoire sur tous les types de pages.
Contenu et conception
Spécifications du contenu
Les liens apparaissent dans l’ordre suivant :
- Médias sociaux
- Applications mobiles
- À propos de Canada.ca
- Avis – lien peut être contextualisé pour renvoyer aux avis du ministère ou du programme responsable du contenu de la page
- Confidentialité – lient peut être contextualisé pour renvoyer aux renseignements de confidentialité du ministère ou du programme responsable du contenu de la page
Sur les pages transactionnelles et de campagne, vous pouvez omettre les liens Médias sociaux, Applications mobiles et À propos de Canada.ca sur.
Sur les pages transactionnelles, veillez à ce que les liens Avis et Confidentialité permettent aux utilisateurs de rester dans leur session actuelle (pour les applications authentifiées, gardez-les dans l'environnement de l'application).
Mot-symbole Canada
Inclure le mot-symbole Canada dans la bande sous pied de page sur toutes les pages de Canada.ca. Cela permet de consolider la marque et de donner un indice supplémentaire aux gens qu’ils lisent du contenu provenant du gouvernement du Canada.
Spécifications de conception
- Couleur d’arrière-plan : gris sous pied de page (#F8F8F8)
- Couleur du texte : couleurs standards des liens
- Taille du texte : 14 px ou 0,875 em
- Police : Noto Sans
- Position du mot-symbole Canada : placé à droite
- Taille du mot-symbole Canada : 40 px de hauteur
- Mise en page : 1 ligne en format grand écran, 2 colonnes en format moyen écran, 1 colonne en format petit écran
Exemples visuels
Pages régulières (en mode d'affichage pour ordinateur et pour appareil mobile)
Version texte
Sur les grands écrans, la bande sous pied de page contient des liens « Médias sociaux », « Applications mobiles », « À propos de Canada.ca », « Avis » et « Confidentialité », tous alignés à gauche sur une seule rangée. Elle comprend également le mot-symbole Canada sur la même ligne, aligné à droite.
Version texte
Sur les petits écrans, la bande sous pied de page contient des liens « Médias sociaux », « Applications mobiles », « À propos de Canada.ca », « Avis » et « Confidentialité », disposés en une seule colonne. Sous ces liens se trouve le mot-symbole Canada aligné à droite.
Pages transactionnelles et de campagne (en mode d'affichage pour ordinateur et pour appareil mobile)
Version texte
Sur les grands écrans, la bande sous pied de page minimum pour les pages transactionnelles et de campagne comprend seulement les liens vers « Avis » et « Confidentialité », disposés en une seule colonne. Sous ces liens se trouve le mot-symbole Canada aligné à droite.
Version texte
Sur les petits écrans, la bande sous pied de page minimum pour les pages transactionnelles et de campagne comprend seulement 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
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.
- 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
- Ajout des liens vers les conseils de mise en œuvre de l'AEM du GC, la SGDC et le Drupal WxT
- Clarification du fait que sur les pages transactionnelles, les liens Avis et Confidentialité doivent permettre aux utilisateurs de rester dans leur session actuelle.
- Ajout des liens pour le résumé de recherche et le billet de blogue pour le projet Orientation dans Canada.ca
- Création d’une nouvelle page pour les conseils propre à cette bande, mise à jour des spécifications de contenu pour inclure le mot-symbole Canada, ajout de spécifications de conception et d’exemples visuels.
Discussion
Détails de la page
- Date de modification :