Tag

Le tag est un élément d’indication ou d’interaction (selon les contextes) permettant de catégoriser, classer, organiser les contenus d’un site à l’aide de mots clés. Il aide les usagers à rechercher et à trouver facilement une information.

Quand utiliser ce composant ?

• Utiliser le tag en l’associant à un contenu (carte, en-tête etc.) pour le catégoriser (par thème, sujet, type de contenu etc). Dans ce contexte, le tag peut être cliquable ou non cliquable.

• Utiliser le tag en tant que filtre, dans une page liste ou de recherche par exemple. Dans ce contexte, le tag peut être sélectionnable ou supprimable.

Comment utiliser ce composant ?

• Utiliser le tag non cliquable pour afficher une information sur un contenu.
• Utiliser le tag cliquable pour donner accès à une page avec des contenus associés à ce tag (liste de contenus, liste de résultats de recherche etc).
• Utiliser le tag sélectionnable pour permettre d’activer ou désactiver un filtre.
• Utiliser le tag supprimable pour permettre de désactiver un filtre. Il sert de rappel à un filtre qui a préalablement été coché dans une sidebar ou une liste déroulante.
• Limiter le nombre de tags proposés au sein d’un groupe pour ne pas noyer l’usager d’informations ou, dans le contexte de filtres, lui permettre de rapidement scanner la liste disponible.
• Préférer l’usage de tags supprimables associés à une liste déroulantes plutôt que d’un groupe de tags sélectionnables lorsque leur nombre excède 6 tags.

Règles éditoriales

• Préférer des libellés courts et clairs pour que l’information relayée par le tag soit facilement identifiable de l’usager.
• Construire des libellés en base d’un mot-clé ou d’une expression permettant de catégoriser le contenu auquel les tags sont associés.