Crear aplicaciones de lienzo accesibles

  • Artículo
  • Tiempo de lectura: 3 minutos

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.
  • Evite el uso de la propiedad de visibilidad de los elementos para mostrar un elemento. Si necesita mostrar algo de manera condicional, cree el contenido en una nueva pantalla, navegue a ella y vuelva.
  • 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.

Compatibilidad con el teclado

Al probar la accesibilidad de su aplicación, asegúrese de que la aplicación solo se pueda usar con el teclado, los modos de accesibilidad en iOS y Android, y lectores de pantalla basados en teclado.

Para la navegación con el teclado (con o sin el lector de pantalla), asegúrese de que se sigue un orden lógico cuando se utiliza la tecla TAB para navegar por los campos de entrada mediante el establecimiento de la propiedad TabIndex de cada control:

  • Controles Label, Image, Icon y Shape: si representan elementos interactivos (por ejemplo, botones), establezca TabIndex en 0; si son elementos decorativos o texto, establezca TabIndex en -1.
  • Evite establecer el índice de tabulación en un valor mayor que cero.

Compatibilidad con el lector de pantalla

Las siguientes combinaciones de software son las recomendaciones admitidas para consumir Power Apps con un lector de pantalla:

  • Windows: Microsoft Edge/Narrador
  • macOS: Safari/VoiceOver
  • Android: aplicación Power Apps/Talkback
  • iOS: aplicación Power Apps/VoiceOver

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 Video 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 de lápiz (a la derecha o inmediatamente debajo).

Pasos siguientes

Estructura de aplicación accesible

Consultar también