Services et renseignements: Système de conception de Canada.ca

Sur cette page

• Quand l’utiliser
• Quoi éviter
• Contenu et conception
• Comment procéder à la mise en œuvre
• Recherche et justification
• Derniers changements

Quand l’utiliser

Utilisez la configuration services et renseignements lorsque l’objectif principal de la page est de fournir des choix clairs pour naviguer vers des tâches. Mis ensemble, ces groupes de liens et de descriptions offrent des choix clairs et distincts aux personnes qui tentent de trouver où accomplir leur tâche.

Quoi éviter

Ne répétez pas les liens qui se trouvent dans votre configuration en demande (si vous utilisez les deux configurations sur la même page).

N’utilisez pas d’icônes ou d’images décoratives dans la configuration, car elles peuvent gêner les gens dans leurs choix.

Contenu et conception

Trouvez des spécifications de contenu et de conception et des exemples visuels.

Spécifications de contenu

Le style est très important lors de la mise en œuvre de la configuration services et renseignements. Veuillez consulter le Guide de rédaction du contenu du site Canada.ca pour obtenir de plus amples renseignements sur la façon de rédiger du contenu pour cette configuration.

• Guide de rédaction du contenu du site Canada.ca

Chaque menu d’accueil thématique se compose d’un titre et d’une description. Le titre est un lien.

Menus d’accueil thématique

• La limite de menus d’accueil thématique optimale par page est de 9.
• Au besoin, vous pouvez utiliser des en-têtes de section pour regrouper des ensembles de menus d’accueil thématique.

Titres des hyperliens du menu d’accueil thématique

• La limite de caractères optimale pour les liens est de 45 caractères (y compris les espaces) dans les deux langues officielles, mais elle peut aller jusqu’à 75 caractères (avec les espaces).
• Ne mettez pas de ponctuation à la fin du titre du menu d’accueil thématique (par exemple, « Comment présenter une demande de financement? »).

Descriptions

• La limite de caractères optimale pour la description est de 120 caractères (y compris les espaces) dans les deux langues officielles.
• Le style recommandé consiste à énumérer les mots-clés ou les expressions clés en les séparant par des virgules; il n’est pas nécessaire de rédiger des phrases complètes.
  • N’utilisez pas de phrases d’introduction comme «  Comprend…  », « Renseignements sur…  » ou « Apprenez-en plus au sujet de…  ».
  • N’incluez pas de liens dans les descriptions.
  • N’incluez pas de messages promotionnels.
  • N’ajoutez pas de mise en forme supplémentaire aux descriptions (gras, puces, etc.).

Spécifications de conception

• Mise en page :
  • Colonnes :
    • 3 colonnes pour les grands écrans
    • 2 colonnes pour les moyens écrans
    • 1 colonne pour les petits écrans
  • L’ordre des tabulations est de gauche à droite, puis de haut en bas.
• Titres :
  • Couleur : Couleurs standard pour les liens
  • Taille de la police : Canada.ca H3 (1em)
  • Famille de police : Lato Sans
• Descriptions :
  • Couleur : Couleurs standard pour le texte
  • Taille de la police :
    • 17 px (ordinateur de bureau)
    • 19 px (mobile)
  • Famille de police : Noto Sans

Accessibilité

L’en-tête de section est généralement « Services et renseignements » en français et «  Services and information » en anglais. Il est nécessaire pour le plan sémantique et les lecteurs d’écran, mais vous pouvez le rendre invisible.

Exemples visuels

Description de l’image : services et renseignements - grand écran

Neuf menus d’accueil thématique distincts sont affichés sur trois colonnes et trois lignes. Le titre de chaque menu d’accueil thématique est un lien. En dessous du titre figurent des mots-clés qui décrivent ce que l’on trouvera en cliquant sur le titre du lien.

Description de l’image : services et renseignements - petit écran

Neuf menus d’accueil thématique distincts sont affichés sous forme de liste. Le titre de chaque menu d’accueil thématique est un lien. En dessous du titre figurent des mots-clés qui décrivent ce que l’on trouvera en cliquant sur le titre du lien.

Comment procéder à la mise en œuvre

Trouvez des exemples pratiques et de code pour mettre en œuvre la configuration de conception services et renseignements.

Référence pour la mise en œuvre des thèmes de GCWeb (BOEW)

• Services et renseignements - Configuration de conception courante (en anglais seulement)

Mises en œuvre

Déterminez ce qui convient le mieux au type de page que vous créez.

Recherche et justification

Consultez les conclusions de la recherche et la justification de la politique.

Constatations découlant de la recherche

Résumé de recherche : Déclaration de revenus

Ce résumé de recherche explique comment le choix des bons mots-clés a aidé les utilisateurs à trouver les renseignements dont ils avaient besoin. Il explique également comment l’équipe a réduit et simplifié le texte en mettant les mots-clés au début des titres, des liens et des descriptions. De meilleures pistes d’information.

L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie

Ce billet de blogue explique comment les phrases comportant des mots-clés plus courts présentaient des avantages considérables par rapport aux phrases complètes sur les pages de navigation. Elles facilitaient la recherche des renseignements clés.

Justification stratégique

La configuration services et renseignements est requise pour les modèles obligatoires suivants :

• Page d’accueil institutionnelle
• Page de thème et de sujet

Derniers changements

2024-04-03

Mise à jour de l’orientation pour y inclure les spécifications de contenu et de conception, des exemples visuels et une orientation sur la mise en œuvre.