Champ de recherche du site: Conception de Canada.ca
- Dernière mise à jour : 2023-06-26
Obligatoire sur les pages standards et de campagne
Le champ de recherche du site est un élément de l’en-tête général. Il permet aux gens de lancer une recherche dans le contenu du gouvernement du Canada au moyen d’un champ de recherche simple.
Les résultats de la recherche dans le site sont présentés pour l’ensemble du contenu Web du gouvernement du Canada ou pour un sous-ensemble de contenu au niveau du ministère ou de l’organisme.
Sur cette page
Quand l’utiliser
Le champ de recherche du site est obligatoire sur toutes les pages, sauf pour les pages transactionnelles.
Quoi éviter
Ne pas utiliser le champ de recherche du site pour rechercher un contenu autre que celui indexé par GC Recherche. Placer le champ de recherche d’autres jeux de données dans la zone de contenu de la page.
Contenu et conception
Trouver des spécifications du contenu et de conception ainsi que des exemples visuels.
Spécifications du contenu
Le champ de recherche du site est composé de trois éléments visuels :
- un champ de saisie de texte (170 caractères tout au plus);
- un texte réservé pour le champ de saisie;
- un bouton de recherche et une icône de loupe.
Dans le champ de saisie de texte, l’étiquette de l’espace réservé est la suivante :
- « Search Canada.ca » en anglais
- « Rechercher dans Canada.ca » en français
L’étiquette de l’espace réservé dans un champ de recherche personnalisé est la suivante :
- « Search [institution] » en anglais
- « Rechercher dans [institution] » en français
Interactions
- Les recherches interrogent l’index de GC Recherche. Lorsque l’on saisit un terme de recherche dans le champ de saisie et que l’on sélectionne l’icône de recherche, une page de résultats s’ouvre.
Spécifications de conception
- Position : coin supérieur droit de la zone de l’en-tête général, sous le lien qui permet de changer de langue
- Catégorie de formulaire : form-inline
- Icône de bouton : glyphicon-search glyphicon
- Catégorie de bouton : btn btn-primary btn-small
- Couleur : #26374a
- Longueur du champ de saisie : longueur maximale = 170
- Taille de valeur : 34
Les éléments de recherche sont réactifs. Ils s’adaptent à la taille de l’écran.
Exemples visuels
Comment procéder à la mise en œuvre
Trouver des exemples fonctionnels de la mise en œuvre du champ de recherche du site.
Référence pour la mise en œuvre du thème GCWeb (BOEW)
La référence à la mise en œuvre comprend la façon de configurer chaque élément de l’en-tête.
Mises en œuvre
Déterminez ce qui convient le mieux au type de page que vous créez.
AEM-GC
Pour Adobe Experience Manager (AEM) du gouvernement du Canada (GC) :
SGDC
Pour la Solution de gabarits à déploiement centralisé (SGDC) :
- Recherche personnalisée – options de configuration pour le champ de recherche du site
- Documentation de la SGDC
Configurer la recherche
L’éditeur principal fournit un soutien pour l’adoption de GC Recherche, la configuration de la recherche, l’indexation des pages Web, les erreurs liées aux fonctionnalités et d’autres demandes concernant les recherches :
Recherche et justification
Le fait de placer le champ de recherche dans le coin supérieur droit d’une page Web est une convention Web établie.
Justification stratégique
Dans l’en-tête général, le champ de recherche du site est un élément obligatoire des Spécifications de Canada.ca.
Derniers changements
- Mise à jour de l’orientation pour y inclure des conseils sur quoi éviter, les spécifications du contenu et de conception, des exemples visuels, une orientation sur la mise en œuvre, du soutien pour la configuration de la recherche, et la justification stratégique
Détails de la page
- Date de modification :