Exemple d'alerte

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

Rôle Attribut Élément Utilisation
role="alert" <div> Identifie l'élément comme étant le conteneur où l'alerte va être ajouté ou mise à jour.
aria-live="assertive" Implicite sur <div>
  • N'a pas besoin d'être déclaré dans le code parce que c'est implicite au role="alert";
  • Permet d'indiquer aux technologies d'assistances d'interrompre tout autre processus pour indiquer immédiatement à l'utilisateur des changements au conteneur d'alerte.
aria-atomic="true" Implicite sur <div>
  • N'a pas besoin d'être déclaré dans le code parce que c'est implicite au role="alert";
  • Permet d'indiquer aux technologies d'assistances d'utliser l'intégralité du contenu de l'élément d'alerte comme message d'alerte, même si seulement une partie du message a changé.

Retourner à l'index