Windows Dev Center

Rendre les zones dynamiques accessibles

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

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>

Autre exemple probant : l’affichage des communications ou des flux RSS (Really Simple Syndication). 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 en savoir plus, consultez la section relative aux attributs de zones dynamiques dans la spécification WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) 1.0.

Remarque  Les applications Windows Runtime utilisant C++, C# ou Visual Basic présentent une technique permettant de signaler le comportement des zones dynamiques qui est similaire à l’attribut aria-live HTML. Voir AutomationProperties.LiveSetting.

Rubriques associées

Respect des exigences d’accessibilité de base

 

 

Afficher:
© 2015 Microsoft