Étiquettes

Les étiquettes peuvent se présenter dans deux variantes principales :

• Étiquette avec suppression
• Étiquette de navigation

Quand l’utiliser

Le composant étiquette s’utilise principalement dans deux contextes distincts : l’affichage de filtres actifs et la navigation rapide vers du contenu.

Étiquette avec suppression

Dans un contexte de recherche ou de filtrage, l’étiquette permet d’illustrer les options sélectionnées par l’utilisateur. Elle est accompagnée d’une icône de suppression (« X ») qui permet de retirer facilement un critère appliqué. L’étiquette doit être suffisamment visible pour indiquer clairement qu’un filtre est en cours.

Cas d’usage courants :

• Lorsqu’un utilisateur sélectionne un filtre sur une page de recherche, une étiquette s’affiche automatiquement.
• Dans une liste d’articles ou de résultats classés par catégories, les étiquettes identifient les catégories associées.

Étiquette de navigation

L’étiquette peut également servir de lien vers une page de contenu. Dans ce cas, elle agit comme un raccourci de navigation, sans icône de suppression. Ce type d’utilisation est détaillé dans la fiche Les plus consultés.

Quand ne pas l’utiliser

Ne pas utiliser l’étiquette si l'information ne doit pas être supprimable ou cliquable.

Dans un contexte de navigation, ne pas utiliser l’étiquette de navigation si le contenu à afficher dépasse largement la limite de caractères recommandée.

Anatomie

Cette section définit les règles et contraintes sur les types de contenus (textuels, graphiques, interactifs, etc.) acceptés par chaque élément du composant.

Libellé

Le libellé doit être clair, concis et ne pas dépasser 40 caractères.

Si l’espace est restreint (ex. mobile), le texte peut être affiché sur deux lignes maximum.