Annoncer les changements dynamiques avec les zones dynamiques pour les applications canevas

  • Article

Les changements dynamiques sont de véritables défis pour les malvoyants. Les utilisateurs qui accèdent à une application via un lecteur d’écran se concentrent sur une partie de l’application. Si un changement se produit ailleurs, ces utilisateurs n’en seront pas conscients.

Vous pouvez résoudre ce problème en ajoutant des zones dynamiques suivies par les lecteurs d’écran. Si le contenu change dans une zone dynamique, un lecteur d’écran annonce ce changement.

Le mécanisme sous-jacent des zones dynamique est celui des zones dynamiques aria, aussi les mêmes directives s’appliquent.

Exemples d’utilisation des zones dynamiques

Vous pouvez utiliser les zones dynamiques pour avertir les utilisateurs lorsque de tels événements se produisent :

  • Une erreur de validation survient dans un formulaire.
  • Une action déclenchée par un bouton a réussi. Par exemple, un utilisateur peut sélectionner un bouton pour ajouter un élément à une collection, et une zone dynamique peut afficher le message « Élément ajouté ».
  • L’utilisateur a sélectionné un onglet différent.
  • Une minuterie d’arrière-plan actualise un fil d’actualités.

Créer et configurer une zone dynamique

Vous ne pouvez configurer qu’un contrôle Étiquette en tant que zone dynamique. Sa propriété Live détermine de quel type de zone dynamique il s’agit.

  • Off : il ne s’agit pas d’une zone dynamique. Les lecteurs d’écran n’annoncent pas les changements.
  • Polite : les lecteurs d’écran annoncent les changements après avoir fini de parler. Utilisez cette valeur pour les notifications non essentielles qui ne nécessitent pas une attention immédiate.
  • Assertive : les lecteurs d’écran s’interrompent pour annoncer immédiatement les modifications. Utilisez cette valeur pour les notifications non essentielles qui ne nécessitent pas une attention immédiate.

Si le contenu textuel d’une zone dynamique change, les lecteurs d’écran annoncent l’intégralité du contenu textuel, pas seulement la partie modifiée. Si la valeur de la propriété Texte est définie sur la chaîne vide "", le lecteur d’écran n’annonce rien.

Pour répéter un message, effacez le contenu du texte en définissant la valeur de la propriété Texte sur la chaîne vide "", puis définissez à nouveau la valeur du message.

Meilleures pratiques

  • Définissez toujours Visible sur true. Certains lecteurs d’écran ne détectent pas les zones dynamiques qui disparaissent et réapparaissent.
  • Évitez de modifier la valeur de Live. Certains lecteurs d’écran ne détectent pas quand une zone non dynamique devient dynamique et vice-versa.
  • Positionnez la zone dynamique dans une position logique dans l’application, même si elle n’est pas visible. Assurez-vous que son contenu est sensible dans le contexte des éléments qui figurent avant et après. Les utilisateurs peuvent accéder à une zone dynamique à tout moment via une navigation régulière avec un lecteur d’écran, pas uniquement lors des changements.

Étapes suivantes

Utiliser le vérificateur d’accessibilité

Voir aussi