Crear aplicacións de lenzo accesibles

  • Artigo

Unha aplicación de lenzo accesible permitirá aos usuarios con problemas de visión, audición e doutros tipos utilizar con éxito a aplicación. Ademais de ser un requisito para moitos gobernos e organizacións, seguir as seguintes directrices aumenta a capacidade de uso para todos os usuarios, independentemente das súas capacidades.

Use o Comprobador de accesibilidade para axudar a revisar posibles problemas de accesibilidade na súa aplicación.

Deseño e cor

O sentido común e o deseño sen complicacións contribúen a que as aplicacións sexan máis accesibles para todos os usuarios. Ao realizar unha personalización importante das aplicacións, tome nota das seguintes suxestións. Os temas de Power Apps están deseñados para cumprir cos estándares de accesibilidade.

  • Asegúrese de que todos os elementos estean claramente visibles e que o texto teña un tamaño suficiente. Todo o contido debe ser lido e comprendido facilmente a simple vista.
  • Asegúrese de que os elementos de entrada estean etiquetados na pantalla. A propiedade AccessibleLabel define o que anunciará o lector de pantalla.
  • Se personaliza as cores, asegúrese de que a relación de contraste do texto co fondo sexa de 4.5: 1 ou superior. As ferramentas de software que axudan a este proceso están facilmente dispoñibles.
  • Asegúrese de que o deseño segue un fluxo lóxico ao ler de arriba a abaixo, de esquerda a dereita.
  • Cree unha aplicación sensible para que os usuarios con pouca visión poidan ampliar e usalo sen desprazarse cara atrás e adiante.

Teclado

Ao probar a accesibilidade da súa aplicación, asegúrese de que a aplicación só se pode usar mediante o teclado, con ou sen lector de pantalla.

A tecla Tab debe navegar a elementos interactivos nunha orde lóxica. Pode crealo cunha estrutura lóxica de aplicación e configurando a propiedade TabIndex de cada control en consecuencia.

  • Controis de etiqueta, imaxe, icona e forma: definir TabIndex a 0 se están destinados a ser interactivos. Se non, defina TabIndex en -1.
  • Non configure TabIndex nun valor maior que cero.
  • Asegúrese de que a configuración de aplicación Índice de pestanas simplificado estea activada.

Lectores de pantalla

Comprobouse que os seguintes lectores de pantalla funcionan con Power Apps:

  • JAWS: Microsoft Edge
  • Narrador: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps móbil
  • VoiceOver: Power Apps mobile, Safari (macOS, iOS, iPadOS)

Para garantir unha experiencia satisfactoria co lector de pantalla, recoméndase:

  • Asegúrese de que todos os controis de entrada teñan o conxunto de propiedades AccessibleLabel.
  • Para imaxes fixadas en AccessibleLabel nunha descrición axeitada.
    • Se unha imaxe non se usa como botón ou ligazón (é dicir, a icona só está dispoñible para a decoración) e non debe ser lida polo lector de pantalla, asegúrese de que AccessibleLabel estea baleiro ou non definido.
    • Se se usa unha imaxe ou unha icona como botón, configure TabIndex en 0 e AccessibleLabel na descrición da ligazón.

Tipo e estrutura de control

Usar os controis correctos e agrupalos axudará aos usuarios do lector de pantalla a comprender a estrutura da aplicación.

Multimedia

Asegúrese de que todos os vídeos teñan subtítulos e que o usuario dispón dunha transcrición de todas as gravacións de audio. O control de Vídeo admite subtítulos en formato WebVTT a través da propiedade ClosedCaptionsUrl.

Co lector de pantalla activado, o Temporizador non anuncia o texto do botón, pero si canto tempo pasou. Non se poden desactivar os anuncios, aínda que o temporizador estea oculto con baixa opacidade.

Traballar con sinaturas

Se ten un campo de sinatura que usa o control PenInput, debe activar un método alternativo de entrada de sinatura. A forma recomendada é mostrar un control TextInput onde un usuario pode escribir o seu nome. Asegúrese de que as instrucións de sinatura estean colocadas na propiedade AccessibleLabel e o control estea colocado preto da entrada do lapis, á dereita ou inmediatamente debaixo.

Pasos seguintes

Estrutura de aplicacións accesible

Consulte tamén