Comentarios

Organizar controis en aplicacións de lenzo accesibles

  • Artigo
  • 2 minutos de lectura

Os controis nunha aplicación deben organizarse para axudar aos usuarios do lector de pantalla a navegar secuencialmente. Unha orde lóxica tamén reduce a confusión para os usuarios de teclados e axuda a ser máis produtivos.

Nome de pantalla significativo

Cando se cargue unha pantalla, os lectores de pantalla dirán o seu nome. Escolla un nome significativo para orientar aos usuarios.

Pode cambiar o nome da pantalla na árbore de controis ou no panel de propiedades de Power Apps Studio. Seleccione a pantalla e logo seleccione Seleccionar a icona do lapis para editar o nome. para renomear a pantalla.

Os nomes das pantallas pódense cambiar desde a árbore de controis ou o panel de propiedades, como se resalta na imaxe.

O primeiro elemento dunha pantalla é o seu nome. Está oculto e só é accesible para os usuarios de lectores de pantalla.

Cando se carga unha nova pantalla, Power Apps centra o nome da pantalla. Se usa SetFocus inmediatamente cando se carga a pantalla, o nome da pantalla non se lerá. Considere a posibilidade de crear un título visible e convertelo nunha rexión activa para anunciar o cambio de contexto.

Orde de control lóxica

Os usuarios de lectores de pantalla poden navegar polo contido secuencialmente. A orde está determinada pola posición dos controis, comezando de arriba a abaixo e logo de esquerda a dereita. O tamaño do control non importa, só importan as propiedades X e Y.

Neste exemplo, A aparece primeiro na secuencia xa que está máis preto da parte superior. B e C teñen a mesma posición vertical, pero dado que B está máis preto da esquerda, polo tanto, aparece antes que C. D aparece de último dado que está máis lonxe da parte superior.

Como afecta o posicionamento á orde de 4 controis.

Nota

  • No modo Vista previa cando se edita unha aplicación, a orde de control non se actualiza por motivos de rendemento. A orde será correcta cando se publique e execute a aplicación.
  • A orde de control non é a mesma que se mostra na vista en árbore dos controis dentro de Power Apps Studio. A vista en árbore ordena os controis segundo cando se engadiron á aplicación. Non afecta á orde dos controis cando se executa a aplicación.

Controis agrupados

A orde predeterminada é adecuada para contido illado pero non para contido agrupado. Coloque dous mosaicos un ao lado doutro, debuxados con controis Rectangulares. Cada mosaico ten unha cabeceira. Debaixo do título hai dous botóns colocados verticalmente: A e B para o primeiro mosaico e C e D para o outro.

Exemplo de práctica incorrecta: controis organizados nunha estrutura plana.

A orde predeterminada vai de arriba a abaixo, e de esquerda a dereita. Polo tanto, a orde dos controis é:

  1. Rectángulo esquerdo
  2. Rectángulo dereito
  3. Cabeceira esquerda
  4. Cabeceira dereita
  5. A
  6. C
  7. B
  8. D

Esta estrutura non significa que A e B estean xuntos e, do mesmo xeito, C e D estean xuntos.

Use Contedores para agrupar contido relacionado. Todos os controis dun Contedor aparecerán xuntos en secuencia. Dentro dun contedor, os controis ordénanse coa mesma regra: de arriba a abaixo e logo de esquerda a dereita.

Se se substitúen os Rectángulos do exemplo anterior por Contedores, a orde de control agora é lóxica para os usuarios do lector de pantalla:

  1. Contedor esquerdo
  2. Cabeceira esquerda
  3. A
  4. B
  5. Contedor dereito
  6. Cabeceira dereita
  7. C
  8. D

Exemplo de práctica recomendada: controis organizados nunha estrutura xerárquica mediante contedores.

Todos os controis dunha Tarxeta de formulario e Galería agrúpanse automaticamente, polo que non ten que empregar un Contedor. Non obstante, se hai subgrupos, aínda debería empregar Contedores para eles.

Neste exemplo, unha fila de Galería ten unha miniatura e dous anacos de texto á esquerda. Á dereita hai dous botóns. Os dous conxuntos de controis deben agruparse visual e loxicamente. Isto garante que os usuarios do lector de pantalla atoparán primeiro o grupo esquerdo antes que o dereito.

Exemplo de práctica recomendada: os controis relacionados nunha galería agrúpanse dentro de contedores.

Orde lóxica de navegación por teclado

TabIndex especifica como os usuarios do teclado poden alcanzar os controis. TabIndex debería ser 0 ou -1. Cunha orde de control lóxica como se describiu anteriormente, hai poucas razóns para ter TabIndex maior que 0.

A orde de navegación do teclado debe seguir o fluxo visual dos controis. Se a orde de navegación é inesperada, primeiro debería comprobar se a estrutura da aplicación é lóxica.

Nota

A orde de navegación do teclado non é a mesma que a orde de control. TabIndex só afecta á navegación coa tecla Tab. Non cambia como os usuarios do lector de pantalla navegan linealmente por unha aplicación. Algúns usuarios de lectores de pantalla nin sequera usan teclados.

En casos raros nos que a orde de navegación do teclado debería ser diferente da orde de control, pode personalizar TabIndex.

Pasos seguintes

Cores accesibles en Power Apps

Consulte tamén