Tornando regiões dinâmicas acessíveis

Applies to Windows and Windows Phone

Para permitir que os leitores de tela anunciem as alterações de interface de usuário à medida que elas acontecem, defina o atributo aria-live para conteúdo importante que muda dinamicamente. Isto é muito útil para usuários que precisam manter seu modelo mental da interface de 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 Really Simple Syndication (RSS) ou comunicações por mensagem. Neste 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 obter mais informações, consulte Atributos de região dinâmica na especificação Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) 1.0.

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

Tópicos relacionados

Cumprindo os requisitos de acessibilidade básica

 

 

Mostrar:
© 2014 Microsoft