Mise en exergue - Highlight
Publié le 16/05/2024 | Modifié le 23/09/2024
La mise en exergue met en évidence une information déjà présente dans le reste du contenu : soit une reformulation, soit une reprise du texte. Pour mettre en évidence une information complémentaire, utilisez plutôt la « Mise en avant ».
Règles d’utilisation
Usages
- La mise en exergue permet à l’utilisateur de distinguer et repérer une information facilement.
- La mise en exergue met en évidence une information déjà présente. Pour mettre en évidence une information complémentaire, utilisez plutôt la « Mise en avant ».
- Les messages d’erreur, d’alerte ou de confirmation, ne sont pas des mises en exergue. Pour ce faire utilisez des « Alertes ».
Contenus
- Les informations présentées doivent être synthétiques pour être facilement lues par l’utilisateur.
Exemple
Lorsqu’elle est intégrée dans un contenu la mise en exergue n’est pas alignée sur la gauche avec le corps de texte. Cela permet de la rendre plus visible comme illustré dans la mise en situation ci-dessous.
SPIP est un système de publication pour l’Internet qui s’attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d’emploi.
<dsfr-mise_en_exergue>
SPIP est un système de publication pour l'Internet qui s'attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d'emploi.
</dsfr-mise_en_exergue>Paramètres du raccourci <dsfr-mise_en_exergue>
| Nom du paramètre | Valeur par défaut | Valeur(s) autorisée(s) | |
|---|---|---|---|
| taille | moyenne | petite, moyenne, grande, chapo | Taille du texte. |
| couleur | Nom de la couleur illustrative DSFR de la charte de l’État (ex : green-emeraude, brown-caramel, purple-glycine, etc...) |
Une mise en exergue de la taille du chapo avec une une couleur illustrative green-emeraude
Une mise en exergue de grande taille avec une couleur illustrative purple-glycine
Une mise en exergue de taille moyenne et avec la couleur par défaut
Une mise en exergue de petite taille avec une couleur illustrative brown-caramel
<dsfr-mise_en_exergue|taille=chapo|couleur=green-emeraude>
Une mise en exergue de la taille du chapo avec une une couleur illustrative `green-emeraude`
</dsfr-mise_en_exergue>
<dsfr-mise_en_exergue|taille=grande|couleur=purple-glycine>
Une mise en exergue de grande taille avec une couleur illustrative `purple-glycine`
</dsfr-mise_en_exergue>
<dsfr-mise_en_exergue>
Une mise en exergue de taille moyenne et avec la couleur par défaut
</dsfr-mise_en_exergue>
<dsfr-mise_en_exergue|taille=petite|couleur=brown-caramel>
Une mise en exergue de petite taille avec une couleur illustrative `brown-caramel`
</dsfr-mise_en_exergue>