Tornando regiões dinâmicas acessíveis

Tornando regiões dinâmicas acessíveis

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]

Para permitir que os leitores de tela anunciem as alterações de interface do usuário à medida que elas acontecerem, defina o atributo aria-live para conteúdo importante alterado dinamicamente. Isto é muito útil para usuários que precisam manter seu modelo mental da interface do usuário em sincronia com alterações de interface do usuário.

Um exemplo em que o atributo aria-live é importante é no cenário clássico de detalhes mestre em que selecionar um item no controle mestre dinamicamente carrega o conteúdo correspondente na área de detalhes.


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

Outro bom exemplo é ao exibir feeds RSS (Really Simple Syndication) ou comunicações por mensagem. Nesse caso, o elemento do contêiner de conteúdo também inclui o atributo role="log".


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

Para saber mais, consulte Atributos de região dinâmica na especificação da Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) 1.0.

Observação  Aplicativos de Tempo de Execução do Windows em C++, C# ou Visual Basic também têm uma técnica para relatar o comportamento de região dinâmica semelhante ao atributo aria-live HTML. Consulte AutomationProperties.LiveSetting.
 

Tópicos relacionados

Cumprindo os requisitos de acessibilidade básica

 

 

Mostrar:
© 2017 Microsoft