Compartir vía

Crear aplicaciones de lienzo accesibles

  • Artículo

Una aplicación de lienzo accesible permitirá a los usuarios con discapacidades visuales, auditivas y de otro tipo utilizar la aplicación con éxito. Además de ser un requisito para muchos gobiernos y organizaciones, seguir las siguientes pautas aumenta la usabilidad para todos los usuarios, independientemente de sus habilidades.

Use el Comprobador de accesibilidad para ayudarle a revisar los posibles problemas de accesibilidad de la aplicación.

Diseño y color

Un diseño con sentido común y poco complicado ayuda a que las aplicaciones sean más accesibles para todos los usuarios. Cuando realice una personalización intensa de las aplicaciones, tenga en cuenta las siguientes sugerencias. Los temas de Power Apps están diseñados para cumplir con los estándares de accesibilidad.

  • Asegúrese de que todos los elementos son claramente visibles y el texto tiene un tamaño suficiente. Todo el contenido se debe poder leer y comprender fácilmente a simple vista.
  • Asegúrese de que los elementos de entrada están etiquetados en la pantalla. La propiedad AccessibleLabel define lo que el lector de pantalla anunciará.
  • Si personaliza colores, asegúrese de que la relación de contraste entre el texto y el fondo es 4,5:1 o superior. Las herramientas de software que ayudan a este proceso están disponibles.
  • Asegúrese de que el diseño sigue un flujo lógico cuando lea de arriba a abajo y de izquierda a derecha.
  • Crear una aplicación receptiva para que los usuarios con problemas de visión puedan acercar y utilizarlo sin tener que desplazarse hacia adelante y hacia atrás.

Teclado

Al probar la accesibilidad de su aplicación, asegúrese de que la aplicación solo se pueda usar con el teclado, con o sin pantalla Lector.

La tecla Tab debe navegar a los elementos interactivos en un orden lógico. Puedes crear esto con una estructura lógica de la aplicación y configurando cada propiedad TabIndex del control en consecuencia.

  • Controles Etiqueta, Imagen, Icono y Forma: Establecer TabIndex en 0 si están destinados a ser interactivos. De lo contrario, establezca TabIndex en -1.
  • No ajustar TabIndex mayor que cero.
  • Asegúrese de que la configuración de la aplicación Índice de pestañas simplificado está habilitada.

Lectores de pantalla

Se ha verificado que los siguientes lectores de pantalla funcionan con Power Apps:

Para garantizar una experiencia satisfactoria con el lector de pantalla, se recomienda:

  • Asegúrese de que todos los controles de entrada tienen la propiedad AccessibleLabel establecida.
  • Para las imágenes, establezca AccessibleLabel en una descripción adecuada.
    • Si no se utiliza una imagen como un botón o un vínculo (es decir, el icono simplemente se utiliza como decoración) y no la debe leer el lector de pantalla, asegúrese de que la propiedad AccessibleLabel está vacía o no está establecida.
    • Si una imagen o un icono se utiliza como un botón, establezca entonces TabIndex en 0 y AccessibleLabel en la descripción del vínculo.

Tipo y estructura de control

Usar los controles correctos y agruparlos ayudará a los usuarios del lector de pantalla a comprender la estructura de la aplicación.

Multimedia

Asegúrese de todos los vídeos tienen subtítulos y una transcripción de todas las grabaciones de audio está disponible para el usuario. El control Vídeo admite subtítulos en formato WebVTT a través de la propiedad ClosedCaptionsUrl.

Con el lector de pantalla habilitado, Temporizador no anuncia el texto del botón, sino cuánto tiempo ha transcurrido. Los anuncios no se pueden desactivar, aunque el temporizador esté oculto con baja opacidad.

Trabajo con firmas

Si tiene un campo de firma que utiliza el control PenInput, debe habilitar un método alternativo de entrada de firma. La manera recomendada es mostrar un control TextInput donde un usuario puede escribir su nombre. Asegúrese de que las instrucciones para firmar se colocan en la propiedad AccessibleLabel y el control se pone cerca de la Entrada manuscrita (a la derecha o inmediatamente debajo).

Pasos siguientes

Estructura de aplicación accesible

Consultar también