ARIA Live Regions #AdvisoryTechnique

2 commentaires

Publié le 29 septembre 2014 par Johan Ramon

Using the ‘live’ property to mark live regions

Cette fois-ci, la recommandation concerne les contenus de page apparaissant ou changeant dynamiquement (sans rechargement de page, via AJAX par exemple) tel que :

  • Apparition de messages d’erreur dans un formulaire.
  • Apparition de notifications (nouveau message, invitation à un événement, etc.) dans un espace personnel.
  • Sur un site e-commerce : modification d’un prix total lors de l’ajout d’un produit dans son panier.
  • Nombre de caractères pouvant encore être saisis dans un champ de formulaire.
  • Etc.


L’apparition ou le changement dynamique de ces informations étant purement visuel, les personnes non-voyantes peuvent passer à côté de ces mises à jour de contenus.

Pour y remédier, une solution efficace et relativement simple à mettre en place consiste à utiliser les ARIA Live Regions (externe).

Pour plus d’informations à ce sujet, je vous invite à consulter les explications et démonstrations proposées par Sébastien sur ARIA – Live region attributes (externe) (en français).

Ce billet fait partie d’une série de billets sur les « Advisory Techniques » (WCAG).

Vos commentaires

  • Par yann, le 1 août 2019 à 8h56.

    Bonjour,

    les explications et démonstrations proposées par Sébastien sur ARIA – Live region attributes font apparaître une page 404 et une redirection vers Linkedin…

    merci

    Répondre

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page