Alerte générale

Cette section offre un aperçu des contextes d’utilisation et de l’anatomie. Pour plus d’informations sur la composition, le comportement et les interactions, consulter l’onglet « Spécifications ».

Variantes disponibles

L’alerte générale est offerte en deux variantes selon l’importance du message :

• Alerte d’importance élevée : de couleur jaune
• Alerte d’importance modérée : de couleur bleue

Elle peut aussi être déclinée selon le comportement :

• Alerte masquable : peut être fermée en cliquant sur le bouton de fermeture
• Alerte persistante : reste affichée, ne peut être fermée et n’a pas de bouton de fermeture

Une alerte générale est utilisée pour les messages non contextuels qui communiquent une information essentielle. Par non contextuel, on entend une information que l’utilisateur ne cherche pas nécessairement, mais qui doit lui être communiquée maintenant.

Le choix entre une alerte d’importance élevée ou modérée dépend de la portée et de l’urgence du message.

Alerte d’importance élevée

À utiliser lorsque l’information est urgente, critique et d’intérêt public général. Elle vise à informer rapidement un large public de la situation. Elle nécessite souvent une réaction immédiate.

Alerte d’importance modérée

À utiliser lorsque l’information est importante mais non critique, ou qu’elle s’adresse à un public plus ciblé. Elle ne requiert pas une action immédiate, mais doit tout de même être vue rapidement.

Quand ne pas l’utiliser

Pour des contenus promotionnels.

Pour des contenus non urgents.

Pour des informations qui concernent uniquement une page ou un contenu précis (préférer un encadré ou une alerte locale).

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.

Texte du message

Le texte de l’alerte doit être court, clair et immédiatement compréhensible. Il doit transmettre l’information essentielle sans détour ni surcharge.

La longueur idéale varie selon le type d’alerte : entre 72 et 105 caractères pour les alertes masquables, et entre 80 et 120 caractères pour les alertes persistantes. Ces balises assurent une bonne lisibilité, notamment sur les écrans mobiles.

Aucune hiérarchie visuelle ne doit être utilisée à l’intérieur du message. Évitez les titres, les sous-titres ou les mises en forme complexes. Seules les mises en évidence en gras ou italique sont permises pour appuyer un mot ou une expression importante.

Le message ne doit pas contenir de liste, d’image ou d’élément graphique. Il doit rester en format paragraphe simple afin de préserver la lisibilité et la cohérence visuelle du composant.

À faire

À ne pas faire

Lien contextuel (facultatif)

Un seul lien est permis par alerte.

Le lien doit mener à une page qui fournit plus de détails sur le sujet de l’alerte.

Il doit être clairement formulé, concis et explicite pour permettre à l’utilisateur de comprendre immédiatement vers quoi il sera dirigé. Évitez les formulations vagues comme « En savoir plus ».