Spécifications du contenu et de l'architecture de l'information pour Canada.ca : Éléments obligatoires du système de conception de Canada.ca

Les pages Canada.ca doivent être facilement identifiables comme faisant partie de Canada.ca. Chaque page doit véhiculer l'image de marque globale de Canada.ca et offrir une expérience uniforme aux visiteurs du site.

Les éléments décrits ici ont été conçus pour refléter la marque numérique de confiance du gouvernement du Canada : moderne, ouverte, utile et crédible.

Sur cette page

Typographie

Les polices doivent être facilement lisibles sur tous les appareils. Nous utilisons une combinaison de Lato pour les en-têtes et de Noto sans pour le corps du texte.

Ordinateurs de bureau et tablettes

  • H1 : Lato, 38px, caractère gras, avec une ligne rouge en-dessous
  • H2 : Lato, 36px, caractère gras
  • H3 : Lato, 24px, caractère gras
  • H4 : Lato, 22px, caractère gras
  • H5 : Lato, 20px, caractère gras
  • H6 : Lato, 19px, texte régulier
  • Corps du texte : Noto sans, 20px, texte régulier

Petits appareils

  • H1 : Lato, 34px, caractère gras, avec une ligne rouge en-dessous
  • H2 : Lato, 32px, caractère gras
  • H3 : Lato, 24px, caractère gras
  • H4 : Lato, 22px, caractère gras
  • H5 : Lato, 20px, caractère gras
  • H6 : Lato, 19px, texte régulier
  • Corps du texte : Noto sans, 20px, texte régulier

Longueur de la ligne

Les lignes de texte sont limitées à une longueur de 65 caractères. Cela garantit qu'aucune ligne ne dépasse une longueur de lecture confortable.

Les mises en page peuvent comporter plus de 65 caractères. Cette restriction de longueur de ligne s'applique uniquement aux lignes de texte.

Liens

Les liens sont soulignés, en utilisant un style de soulignement qui ignore les descendeurs.

Couleurs

Arrière-plans

La couleur d'arrière-plan par défaut de Canada.ca est le blanc (#FFF).

Bien qu'une autre couleur d'arrière-plan puisse être utilisée pour des parties précises de la page, assurez-vous que la majorité de la page a un arrière-plan blanc. Lorsque d'autres couleurs d'arrière-plan sont utilisées, assurez-vous que le contraste avec le texte est suffisant pour respecter la règle des WCAG 1.4.6 : Contraste (amélioré) (Niveau AAA).

Texte

La couleur par défaut des éléments de texte sur Canada.ca est le noir (# 000).

Les couleurs suivantes sont toujours utilisées pour les liens :

  • lien par défaut : # 2b4380
  • lien sélectionné (au moyen du survol ou d'une focalisation) : # 0535d2
  • lien visité : # 7834bc

Couleurs supplémentaires

N'utilisez des couleurs supplémentaires que pour accentuer certains éléments :

  • couleur d'accent principale : # 26374A
  • erreur de formulaire ou indicateur d'élément requis : # d3080c
  • élément sélectionné (dans les modèles d'initiation de service) : # 333

Les messages d’alerte et d’information ont des couleurs supplémentaires. Celles-ci sont décrites dans les descriptions des configurations de conception correspondantes.

Mises en page

Le système de grille sous-jacent de Canada.ca permet des mises en page réactives pour différentes tailles d'écran. Cela permet des mises en page flexibles tout en maintenant un placement cohérent des éléments.

La largeur de contenu maximale par défaut est de 1140 pixels. Dans de rares cas, une mise en page peut avoir besoin d'être plus large. Par exemple, certains tableaux de données très volumineux peuvent être trop larges pour tenir dans cet espace. Les utilisateurs devront alors défiler vers la droite pour voir la mise en page complète.

Sur des écrans plus petits, la mise en page s'affiche généralement sous forme de colonne unique.

En-tête et pied de page

Chaque page partage un en-tête et un pied de page communs. C'est-à-dire que les parties supérieure et inférieure d'une page doivent avoir le même aspect.

Chaque page doit utiliser l'en-tête et le pied de page communs, sauf dans les cas suivants :

  • Scnénarios transactionnels : pages où les gens sont engagés dans un processus transactionnel, et le fait de suivre par erreur d’autres liens entraîneraient des erreurs, une perte de données ou une interruption accidentelle de la session.
  • Campagnes : pages d'accueil pour les campagnes de marketing ou de publicité externes. La flexibilité de la présentation permet aux institutions de faire correspondre des éléments de leur campagne externe avec cette page d'accueil.

Les tableaux ci-dessous montrent comment les éléments d'en-tête et de pied de page peuvent varier dans ces situations.

En-tête général

Éléments de l'en-tête général de Canada.ca. Voir le tableau pou les détails.
Exigences de l'en-tête général
Élément de l'en-tête Page régulière Page de campagne Page transactionnelle

Notes du tableau 1

Note 1 du tableau 1

Les applications Web transactionnelles doivent être développées de sorte que les utilisateurs puissent basculer entre les langues officielles sur une page ou un écran donné. Certaines applications Web qui existent déjà peuvent ne pas avoir été conçues de cette façon. Ces applications doivent être mises à jour pour permettre cette fonctionnalité. Jusqu'à ce qu'elles soient remplacées ou mises à jour, le lien vers l'autre langue peut être omis si son utilisation entraînait une perte de données.

Retour à la référence de la note 1 du tableau 1

Signature du gouvernement du Canada (liée à la page d'accueil de Canada.ca Obligatoire Obligatoire Obligatoire, mais le lien vers la page d'accueil de Canada.ca est facultatif
Lien pour changer de langue Obligatoire Obligatoire Obligatoire Voir la note 1 du tableau 1
Champ de recherche du site Obligatoire Facultatif Facultatif
Menu thématique Obligatoire Facultatif Facultatif
Fil d'Ariane Obligatoire Facultatif Facultatif
Couleur d'arrière-plan (blanc) Obligatoire Facultatif Obligatoire

Pied de page général

Éléments du pied de page de Canada.ca. Voir le tableau pour les détails.
Exigences du pied de page général
Éléments du pied de page Page régulière Page de campagne Page transactionnelle
Signaler un problème sur cette page Obligatoire Obligatoire Obligatoire
Partagez cette page Facultatif Facultatif Facultatif
Date de modification Obligatoire Obligatoire Obligatoire, mais peut être remplacée par un numéro de version dans les applications
Liens du pied de page Obligatoire Facultatif Facultatif
Liens sous le pied de page

Obligatoire Facultatif Facultatif
Mot symbole Canada Obligatoire Obligatoire Obligatoire

Modèles de page obligatoires

Les modèles de page obligatoires sont utilisés pour des types de pages spécifiques sur Canada.ca. Ils sont utilisés là où leur cohérence aide les gens à trouver et à accomplir des tâches.

Modèle de thème et de sujet

Les thèmes sont les catégories principales dans lesquelles le contenu de Canada.ca est organisé. Les sujets sont les sujets principaux de chaque thème. Chaque thème et chaque sujet utilise une conception de page commune pour permettre aux utilisateurs de naviguer plus facilement du niveau supérieur de Canada.ca jusqu'à leur destination.

Page de thème

C'est la page principale pour chaque thème de Canada.ca. C'est uniquement pour les institutions responsables des thèmes, pour les thèmes qu'elles gèrent.

Page de public cible à l'échelle du gouvernement

Utilisé comme page d'accueil pour les publics cibles à l'échelle du gouvernement :

  • les peuples autochtones
  • les jeunes
  • les anciens combattants

Uniquement pour les institutions qui gèrent les publics cibles à l'échelle du gouvernement.

Page de sujet

Utilisé pour les principaux sujets de Canada.ca pour fournir un accès aux sous-sujets et au contenu de destination.

Doit être utilisé pour les 2 premiers niveaux de sujets de l'arborescence thématique de Canada.ca. Son utilisation est facultative pour les sujets de niveau inférieur.

Modèles institutionnels

Ces pages fournissent des renseignements importants sur chaque institution.

Profil institutionnel

Fournit des renseignements au sujet d'une institution du gouvernement du Canada.ca.

Chaque institution indiquée aux annexes I, I.1, et II de la Loi sur la gestion des finances publiques doit avoir un profil institutionnel unique.

Consultez la liste des institutions de Canada.ca.

Profil organisationnel

Fournit des renseignements au sujet d'une organisation du gouvernement du Canada.ca associée à une institution.

Chaque organisation associée à une institution doit avoir un profil organisationnel unique.

Consultez la liste des institutions de Canada.ca.

Profil de ministre

Fournit des renseignements au sujet d'un ministre, d'un chef d'une institution quasi judiciaire sans lien de dépendance ou d'un secrétaire parlementaire.

Page de nouvelle

Fournit un gabarit commun pour les produits de nouvelles comme les communiqués de presse, les documents d'information, les avis aux médias et les discours.

Modèles pour l'ensemble du gouvernement

Chacune de ces pages ne se trouve qu'une seule fois sur Canada.ca. Chacune est gérée de façon centralisée.

Page d'accueil

Donne accès à tout le contenu de Canada.ca.

Spécifications du modèle : page d'accueil

Ministères et organismes

Fournit des liens vers toutes les institutions fédérales.

Page d'accueil des nouvelles

Donne accès aux produits de nouvelles du gouvernement du Canada.

Page de recherche

L'outil de recherche de Canada.ca.

Signaler un problème ou une erreur sur cette page
Veuillez sélectionner toutes les cases qui s'appliquent :

Merci de votre aide!

Vous ne recevrez pas de réponse. Pour toute question, contactez-nous.

Date de modification :