Champ de recherche du site: Système de conception de Canada.ca

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.

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

Description de l’image : Champ de recherche du site – grand écran

Le champ de recherche s’affiche dans le coin supérieur droit, sous le lien qui permet de changer de langue et directement à l’opposé de la signature du gouvernement du Canada.

La barre de recherche du site est un rectangle défini par un contour gris clair. Dans le rectangle, on peut lire les mots « Rechercher dans Canada.ca ». À la droite du rectangle se trouve un carré bleu dans lequel il y a une icône de loupe blanche.

Description de l’image : Champ de recherche du site – petit écran

Le champ de recherche s’affiche dans l’en-tête, directement sous la signature du gouvernement du Canada et le lien qui permet de changer de langue. Il couvre la largeur de l’écran.

La barre de recherche du site est un rectangle défini par un contour gris clair. Dans le rectangle, on peut lire les mots « Rechercher dans Canada.ca ». À la droite du rectangle se trouve un carré bleu dans lequel il y a une icône de loupe blanche.

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.

• Documentation de l’en-tête GCWeb (BOEW)

Mises en œuvre

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

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 :

• Éléments obligatoires du système de conception

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 du contenu et de l’architecture de l’information.

• Éléments obligatoires du système de conception

Derniers changements

2023-06-26

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