Anunciar alterações dinâmicas com regiões dinâmicas em aplicativos de tela

  • Artigo

Alterações dinâmicas criam desafios para as pessoas com deficiência visual. Os usuários que acessam um aplicativo por meio de um leitor de tela concentram-se em uma parte do aplicativo. Se uma alteração ocorrer em outro lugar, esses usuários não saberão disso.

Você poderá resolver esse problema adicionando regiões dinâmicas, que os leitores de tela acompanham. Se o conteúdo for alterado em uma região dinâmica, um leitor de tela anunciará essa alteração.

Como o mecanismo subjacente de regiões vivas é regiões aria-live, as mesmas diretrizes se aplicam.

Exemplos de usos de regiões dinâmicas

Você pode usar regiões dinâmicas para notificar os usuários quando eventos como estes ocorrem:

  • Um erro de validação ocorre em um formulário.
  • Uma ação acionada por um botão é bem-sucedida. Por exemplo, um usuário pode selecionar um botão para adicionar um item a uma coleção e uma região dinâmica pode mostrar a mensagem "Item adicionado".
  • O usuário selecionou uma guia diferente.
  • Um timer em segundo plano atualiza um feed de notícias.

Criar e configurar uma região dinâmica

Você pode configurar apenas um controle Rótulo como uma região dinâmica. Sua propriedade Live determina que tipo de região dinâmica é.

  • Off: não é uma região dinâmica. Os leitores de tela não anunciam alterações.
  • Polite: os leitores de tela anunciam alterações depois de terminar de falar. Use esse valor para notificações não críticas que não requerem atenção imediata.
  • Assertive: os leitores de tela se interrompem para anunciar alterações imediatamente. Use-o para notificações críticas que requerem atenção imediata.

Se o conteúdo do texto de uma região dinâmica for alterado, os leitores de tela anunciarão todo o conteúdo do texto, não apenas a parte alterada. Se o valor da propriedade Text for definido como a cadeia de caracteres vazia "", o leitor de tela não anunciará nada.

Para repetir uma mensagem, limpe o conteúdo do texto, definindo o valor da propriedade Text como a cadeia de caracteres vazia "", e depois defina o valor como a mensagem novamente.

Melhores práticas

  • Sempre defina Visible como verdadeiro. Alguns leitores de tela não detectam regiões dinâmicas que desaparecem e reaparecem.
  • Evite alterar o valor de Live. Alguns leitores de tela não detectam quando uma região não dinâmica torna-se dinâmica e vice-versa.
  • Posicione a região dinâmica em uma posição lógica no aplicativo, mesmo que não esteja visível. Certifique-se de que seu conteúdo seja sensível ao contexto com os elementos antes e depois dele. Os usuários podem acessar uma região dinâmica a qualquer momento por meio da navegação regular com um leitor de tela, não apenas quando ocorrem alterações.

Próximas etapas

Usar o Verificador de Acessibilidade

Confira também