Organizar controlos em aplicações de tela acessíveis

Os controlos numa aplicação devem ser organizados para ajudar os utilizadores do leitor de ecrã a navegar sequencialmente. Uma ordem lógica também reduz a confusão para os utilizadores de teclado e ajuda-os a serem mais produtivos.

Nome de ecrã significativo

Quando é carregado um ecrã, os leitores de ecrã dizem o seu nome. Escolha um nome significativo para orientar os utilizadores.

Pode alterar o nome do ecrã na árvore de controlos ou no painel de propriedades no Power Apps Studio. Selecione o ecrã e, em seguida, selecione selecionar o ícone da caneta para editar o nome. para mudar o nome do ecrã.

Os nomes de ecrã podem ser alterados a partir da árvore de controlos ou do painel de propriedades, como realçado na imagem.

O primeiro elemento num ecrã é o seu nome. Está visualmente oculto e é acessível apenas para os utilizadores de leitor de ecrã.

Quando um novo ecrã carrega, o Power Apps foca o nome do ecrã. Se utilizar SetFocus imediatamente quando o ecrã carrega, o nome do ecrã não será lido. Considere criar um título visível e torná-lo uma região viva para anunciar a mudança de contexto.

Ordem de controlo lógica

Os utilizadores de leitor de ecrã podem navegar o conteúdo sequencialmente. A ordem é determinada pela posição dos controlos, começando de cima para baixo e, em seguida, da esquerda para a direita. O tamanho do controlo não importa, apenas as suas propriedades X e Y importam.

Neste exemplo, A aparece primeiro na sequência uma vez que está mais perto do topo. B e C têm a mesma posição vertical, mas como B está mais perto da esquerda e, portanto, aparece antes de C. D aparece em último, uma vez que está mais longe do topo.

Como o posicionamento afeta a ordem de 4 controlos.

Nota

  • No modo de Pré-visualização ao editar uma aplicação, a ordem de controlos não é atualizada por razões de desempenho. A encomenda estará correta quando a aplicação for publicada e executada.
  • A ordem de controlos não é a mesma que é mostrada na vista de árvore de controlos no Power Apps Studio. A vista de árvore ordena os controlos de acordo com o momento em que foram adicionados à aplicação. Não afeta a ordem de controlos quando a aplicação é executada.

Controlos agrupados

A ordem predefinida é adequada para conteúdo isolado, mas não para conteúdo agrupado. Considere dois mosaicos lado a lado, desenhados com controlos de Retângulo. Cada mosaico tem um título. Abaixo do título estão dois botões empilhados verticalmente: A e B para o primeiro mosaico e C e D para o outro.

Exemplo de prática incorreta: controlos organizados numa estrutura plana.

A ordem predefinida vai de cima para baixo e, em seguida, da esquerda para a direita. Por conseguinte, a ordem dos controlos é:

  1. Retângulo esquerdo
  2. Retângulo direito
  3. Título esquerdo
  4. Título direito
  5. A
  6. C
  7. B
  8. D

Esta estrutura não transmite que A e B estão juntos e, da mesma forma, C e D estão juntos.

Utilize Contentores para agrupar conteúdos relacionados. Todos os controlos num Contentor aparecerão juntos em sequência. Dentro de um contentor, os controlos são ordenados com a mesma regra: de cima para baixo e, em seguida, da esquerda para a direita.

Substituir os Retângulos do exemplo anterior por Contentores, a ordem de controlos é agora lógica para os utilizadores de leitor de ecrã:

  1. Contentor esquerdo
  2. Título esquerdo
  3. A
  4. B
  5. Contentor direito
  6. Título direito
  7. C
  8. D

Exemplo de prática recomendada: controlos organizados numa estrutura hierárquica utilizando Contentores.

Todos os controlos num Cartão de Formulário e Galeria são agrupados automaticamente, pelo que não é preciso utilizar um Contentor. No entanto, se existirem subgrupos, deve ainda utilizar Contentores para eles.

Neste exemplo, uma linha de Galeria tem uma miniatura e duas peças de texto à esquerda. À direita estão dois botões. Visualmente e logicamente, os dois conjuntos de controlos devem estar agrupados. Isto garante que os utilizadores de leitor de ecrã encontrarão o grupo esquerdo primeiro, antes do direito.

Exemplo de prática recomendada: os controlos relacionados numa galeria são agrupados dentro de Contentores.

Ordem de navegação de teclado lógica

TabIndex especifica como os controlos podem ser alcançados pelos utilizadores de teclado. TabIndex deve ser 0 ou -1. Com uma ordem de controlo lógica, como descrito acima, não há razão para ter TabIndex superior a 0.

A ordem de navegação de teclado deve seguir o fluxo visual de controlos. Se a ordem de navegação for inesperada, deve primeiro verificar se a estrutura da aplicação é lógica.

Nota

A ordem de navegação do teclado não é a mesma que a ordem de controlo. TabIndex apenas afeta a navegação da tecla Tab. Não altera a forma como os utilizadores de leitor de ecrã navegam numa aplicação linearmente. Alguns utilizadores de leitor de ecrã que os utilizadores nem sequer usam teclados.

Para cenários raros em que a ordem de navegação do teclado deve ser diferente da ordem de controlo, pode personalizar TabIndex.

Passos seguintes

Cores acessíveis no Power Apps

Consulte também