ARIA Live Regions #AdvisoryTechnique

Commenter

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).

Ajouter un commentaire

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

Haut de page