Rendre les zones dynamiques accessibles

Applies to Windows and Windows Phone

Pour permettre à des lecteurs d’écran de présenter des modifications d’interface utilisateur lorsqu’elles se produisent, définissez l’attribut aria-live pour le contenu important qui change de manière dynamique. Cela est très utile pour les utilisateurs aveugles qui doivent maintenir leur modèle mental de l’interface utilisateur synchronisé avec les modifications apportées à l’interface.

Le scénario maître/détails classique dans lequel la sélection d’un élément dans le contrôle maître charge de manière dynamique le contenu correspondant dans la zone de détails constitue un exemple où la définition de l’attribut aria-live est importante.


<div class="..." data-win-control="Win.UI.ListView" aria-label="Master" 
    data-win-options="{...}" ></div>
</div>
<div class="..." role="region" aria-label="Detail"
    aria-live="assertive" aria-atomic="true" >
</div>

L’affichage de flux RSS (Really Simple Syndication) ou d’une communication de messagerie en est un autre bon exemple. Dans ce cas, l’élément conteneur de contenu inclut également l’attribut role="log".


<div id="chat" role="log" aria-live="polite" aria-atomic="false" ></div>

Pour plus d’informations, voir Live Region Attributes dans la spécification WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) 1.0.

Remarque  Pour signaler le comportement d’une zone dynamique, les applications Windows Runtime en C++, C# ou Visual Basic disposent également d’une technique semblable à l’attribut HTML aria-live. Voir AutomationProperties.LiveSetting.

Rubriques associées

Respect des exigences d’accessibilité de base

 

 

Afficher:
© 2014 Microsoft