Pratique exemplaire

Zones live ARIA

  • Identifiez une zone live avec un attribut aria-live associé à un élément conteneur.
    • La zone live doit être vide au moment du chargement de la page ou au moment de son ajout initial au DOM.
    • Utilisez aria-live="polite" pour la plupart des annonces.
    • Utilisez aria-live="assertive" lorsque l’utilisateur a besoin d’une rétroaction immédiate.
  • Utilisez l’attribut aria-atomic pour préciser si toute la zone live doit être annoncé, ou seulement le texte qui a changé.
    • Utilisez aria-atomic="false" pour annoncer seulement le texte actualisé.
    • Utilisez aria-atomic="true" pour annoncer le texte statique et actualisé.
  • Utilisez l’attribut aria-relevant seulement si la suppression du contenu d’une zone live doit être annoncée.
  • Utilisez l’attribut aria-busy="true" pour aviser la technologie d’assistance qu’elle doit ignorer temporairement les changements apportés à un élément lorsque des éléments sont en cours de chargement. Une fois tous les éléments chargés, effacez l’attribut ou configurez-le à aria-busy="false".
  • Utilisez un type spécial de rôle de zone live, le cas échéant :
    • Utilisez role="alert" pour annoncer des informations importantes et généralement urgentes qui nécessitent l’attention immédiate de l’utilisateur.
    • Utilisez role="status" pour annoncer à l’utilisateur une information moins urgente qu’une alerte.
    • Utilisez role="timer" pour identifier un compteur numérique indiquant le temps écoulé depuis un point de départ ou le temps restant avant un point de fin.
    • Utilisez role="marquee" pour définir une zone comme un type de zone live comportant des annonces non essentielles qui changent fréquemment.
    • Utilisez role="log" pour faire le suivi des actualisations séquentielles, par exemple un journal de clavardage, un historique des messages, un journal de jeu ou un journal des erreurs.

Limites de temps

  • Toute conception comportant une limite de temps doit offrir à l’utilisateur l’une de ces options :
    • Désactiver la limite de temps avant qu’elle soit activée.
    • Ajuster la limite de temps avant qu’elle soit activée à une durée d’au moins dix fois la valeur par défaut.
    • Prolonger la limite de temps. L’utilisateur doit être averti au moins 20 secondes avant l’expiration du délai.
  • Lorsque la session est expirée, présentez des messages d’avertissement dans une boîte de dialogue contextuelle avec des options permettant à l’utilisateur de prolonger ou de terminer la session.
  • Pour les minuteries comportant des échéances fixes, offrez un compte à rebours avec annonces ARIA live à des intervalles appropriés.
  • Lorsqu’une page est rafraîchie ou rechargée, le système doit demander la permission de l’utilisateur. Il faut avertir l’utilisateur que du contenu plus récent est disponible et à lui offrir des options pour actualiser le contenu ou poursuivre avec l’ancien contenu.
Haut de la page