4.4 Les rafraîchissements dynamiques sont annoncés

Lorsque le site contient des éléments qui génèrent des rafraîchissements du contenu à la suite d'une action de l'utilisateur, il est indispensable de prévoir un mécanisme qui avertira le visiteur que le contenu de la page a été modifié.

Les actions de l'utilisateur qui donneraient lieu a des rafraîchissements dynamiques seraient par exemple:

  • La navigation à l'intérieur de la page, résultant dans le déplacement du focus sur les différents liens et champs de formulaires.
  • Le remplissage d'un champ de saisie de texte, la sélection d'une case à cocher ou le fait de cliquer sur un bouton.

Pourquoi?

Les lecteurs d’écran sont techniquement incapables de détecter correctement tous les comportements et effets des applications Ajax. Il se peut qu'ils ne captent pas les signaux de rafraîchissement envoyés par le procédé. L’utilisateur qui ne voit pas n’en sera donc pas averti.

En pratique

Ajoutez un texte explicatif en tête du formulaire ou avant la partie de la page qui pourrait subir des mises à jour dynamiques.

Exemples de rafraîchissement dynamique inattendu:

  • Une partie de la page apparait ou disparait.
  • Dans un formulaire, quand l’utilisateur a fait un choix dans une liste déroulante, le contenu d'autres listes est mis à jour.
  • Un formulaire est envoyé automatiquement lors d'une sélection dans une liste.

Exemple concret: Rafraîchissement dynamique d'une liste déroulante

Lorsque le résultat d'une action est prévisible (par convention par exemple), il n'est pas nécessaire de l'annoncer. Par exemple :

  • La sélection d'un élément dans une liste de choix ne résulte pas en une action immédiate.
  • Cliquer sur un lien résulte habituellement en le chargement d'une nouvelle page
  • Lorsqu'on clique sur le bouton d'envoi d'un formulaire, celui-ci est envoyé.

Attention

Les événements JavaScript (onClick, onFocus, onBlur etc.) peuvent être facilement utilisés pour associer des actions (inattendues) à des parties de la page. L'utilisation de ces événements pourrait donc créer des difficultés pour les personnes qui n'utilisent pas la souris. Vous trouverez plus d'informations à ce sujet dans la directive "La totalité du site est utilisable au moyen du clavier".

comment tester

Audiences

  • Les personnes aveugles
  • Les personnes malvoyantes
  • Les personnes qui ont une déficience intellectuelle
  • Les utilisateurs peu expérimentés
  • Les personnes qui ont une autre langue maternelle
  • Les personnes peu lettrées

WCAG 2.0

3.2 Prévisible

Articles

Video: Accessible Forms and Javascript