Message de notification

Sommaire

Principe

Les messages de notification sont des composants dynamiques qui permettent d’annoncer une information ou un avertissement non critiques.

Ils attirent l’attention par le biais d’un court message qui apparait spontanément à l’écran, sans rechargement de la page, ni interruption de l’activité.

Socle HTML

Au chargement de la page

<div role="status"></div>

Lorsque l’alerte est déclenchée

<div role="status">
  <p>Votre message a bien été envoyé.</p>
</div>

Rôles, états et propriétés ARIA

L’attribut role="status" doit être appliqué sur le conteneur du message de notification.

Comportements attendus

L’attribut role="status" doit être présent au chargement de la page, de manière statique.

Ce conteneur doit ensuite être peuplé dynamiquement lorsque la notification est déclenchée.

Remarque

Les messages de notification ne doivent pas disparaître de l’écran de manière automatique après un certain délai.

Ces messages doivent disparaître seulement sur action manuelle (croix de fermeture, affichage d’une nouvelle page, etc.).

Commentaires

Haut de page