Composants
Les composants sont des blocs réutilisables assurant une présentation et une interaction cohérentes sur toutes les plateformes numériques gouvernementales.
Dans cette page :
Action
Éléments d'action qui facilitent l'interaction avec notre site, tels que la barre de recherche, les boutons, le changement de langue et le bouton haut de page.
Barre de recherche
La barre de recherche permet à l’utilisateur d’effectuer des recherches sur un site Web ou une application en saisissant des mots-clés.
Affichage de contenu
Comment afficher du contenu de manière efficace grâce à des éléments tels que l'accordéon, les coordonnées, les feuilles, les infobulles, les notes et les onglets.
Accordéon
L’accordéon permet de réduire temporairement la quantité d’information affichée sur une page.
Afficher/Masquer
Le composant Afficher/masquer dévoile ou cache des informations sur demande, simplifiant l'interface tout en offrant un accès direct aux contenus additionnels.
Coordonnées
Le bloc de coordonnées sert à présenter le numéro de téléphone, l’adresse, le courriel et les heures d’ouverture d’un lieu ou d’un service.
Date de mise à jour
La date de mise à jour est utilisée pour indiquer la dernière date à laquelle le contenu ou les données ont été mis à jour.
Feuille
La composante feuille est utilisée en complément d’autres composantes, telles que la note et l’infobulle.
Infobulle
L’infobulle est utilisée pour fournir des informations contextuelles liées à un élément particulier.
Avis, alerte et notification
Comment informer efficacement les visiteurs avec des éléments tels que l'alerte générale, les avis, le dialogue modal et la notification contextuelle.
Alerte générale
L'alerte générale sert aux avertissements et messages de haute importance qui touchent l'ensemble de la population ou la grande majorité.
Avis
Les avis sont des messages contextuels qui peuvent s’afficher sur une page ou sur plusieurs pages d’un même sujet.
Bannière de témoins de navigation
Les témoins de navigation (cookies) sont de petits fichiers texte placés dans un navigateur par un site Web. La gestion des témoins de navigation est primordiale.
Formulaire
Les formulaires simplifient la saisie de données avec des composants tels que boutons de sélection, cases à cocher, champs de texte, etc.
Bouton de sélection
Les boutons de sélection fonctionnent comme un bouton radio ou comme une case à cocher. La tuile entière est cliquable.
Bouton radio
Le bouton radio, ou case d’option, permet de choisir une seule option dans une liste.
Case à cocher
La case à cocher permet de sélectionner une ou plusieurs options dans une liste.
Champ texte
Le champ texte est un espace dans lequel est saisie une information qui tient sur une ou plusieurs lignes de texte.
Commutateur
Le commutateur permet de basculer entre deux états opposés (actif ou inactif).
Curseur
Le curseur permet de définir une valeur numérique située entre deux valeurs prédéterminées.
Indicateur de champ obligatoire
L'indicateur de champ obligatoire précise qu’un ou des éléments doivent être remplis obligatoirement pour la réussite de la tâche.
Navigation
La navigation offre des outils pour une navigation fluide et l'accès rapide à l'information sur les sites et services en ligne.
À consulter aussi
Le bloc À consulter aussi propose des éléments d’information qui complètent le contenu principal.
Étiquettes
L’étiquette est un élément interactif permettant d’indiquer une sélection ou de mettre en évidence un lien.
Les plus consultés
Le composant permet de rediriger l’utilisateur vers d'autres pages pertinentes en lien avec le contenu de la page actuelle.
Liens de navigation
Les liens de navigation permettent d’accéder à des pages d’un niveau inférieur ou supérieur à la page active. Il existe le lien de retour et le lien « Voir plus ».
Liens séquentiels
Les liens séquentiels sont des liens permettant de naviguer vers une page de contenu suivante ou précédente.
Liste de liens-blocs
Les listes de liens-blocs comportent une série d’hyperliens mis en valeur.
Menu d'ancres
Le menu d’ancres est un élément de navigation interne qui permet aux utilisateurs de naviguer rapidement vers différentes sections d’une page Web.
Dernière mise à jour : 19 août 2025