Message d’alerte

Sommaire

Principe.
Socle HTML.
Rôles, états et propriétés ARIA.
Comportements attendus.
Remarque.

Principe

Les messages d’alerte sont un cas particulier de messages de notification qui permettent d’annoncer une erreur ou un avertissement 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é.

Cette fiche s’appuie sur le motif de conception « Alert » détaillé dans les ARIA Authoring Practices Guide (APG) du W3C.

Socle HTML

Au chargement de la page

<div role="alert"></div>

Lorsque l’alerte est déclenchée

<div role="alert">
  <p>Nous ne pouvons pas vous garantir de place assise sur ce trajet.</p>
</div>

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

L’attribut role="alert" doit être appliqué sur le conteneur du message d’alerte.

Comportements attendus

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

Ce conteneur doit ensuite être peuplé dynamiquement lorsque l’alerte est déclenchée.

Remarque

Les messages d’alerte 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