Limitaciones de accesibilidad en aplicaciones de lienzo
Puede diseñar y crear aplicaciones de lienzo accesibles con controles incorporados. A veces, la combinación del diseño de la aplicación, el uso de varios controles y las propiedades de control configuradas pueden hacer que una aplicación tenga una interfaz de usuario inaccesible.
En este artículo, conocerá estas limitaciones de accesibilidad en las aplicaciones de lienzo y descubrirá cómo puede mejorar la interfaz de la aplicación para que sea más accesible.
Cuadros de diálogo y superposiciones
No se admiten los cuadros de diálogo ni las interfaces de usuario que se superpongan a otro contenido. Estas superposiciones requieren una administración del foco, ocultar el contenido de fondo a los lectores de pantalla y roles de control adecuados.
Tenga en cuenta lo siguiente:
- Utilice pantallas independientes para cada "cuadro de diálogo".
- Utilice la función Notificar .
- Cree un componente de código que implemente un cuadro de diálogo accesible.
Interfaces con pestañas
Una interfaz con pestañas se compone de una lista de pestañas y un panel que muestra el contenido asociado con la pestaña seleccionada.
El único control integrado que admite instancias con pestañas es la Lista de pestañas. Evite utilizar Galerías para crear pestañas. La lista de pestañas debe poder navegarse con las teclas de flecha. Son necesarios roles y estados de control apropiados.
Tenga en cuenta lo siguiente:
- Utilice el control Lista de pestañas integrado.
- Cree un componente de código que implemente una interfaz con pestañas accesible.
Tablas personalizadas
El único control integrado que admite datos bidimensionales es la Tabla de datos. Evite usar Galerías para presentar datos en filas y columnas. Las filas y columnas deben anotarse para que los usuarios del lector de pantalla puedan comprender su estructura y navegar por las celdas.
Tenga en cuenta lo siguiente:
- Utilice el control Tabla de datos integrado.
- Presente datos en una sola dirección mediante una galería.
- Cree un componente de código que implemente una tabla accesible.
Cuadros combinados personalizados
Es posible emular un cuadro combinado mediante la combinación de una Entrada de texto y una Galería. Sin embargo, los cuadros combinados ensamblados a partir de controles integrados no son accesibles. Los cuadros combinados deben procesar las teclas de flecha y establecer roles y estados apropiados en sus componentes.
Tenga en cuenta lo siguiente:
- Utilice los controles integrados Cuadro combinado o Lista desplegable.
- Cree un componente de código que implemente un cuadro combinado accesible.
Contenido desplazable
Los usuarios del teclado no podrán desplazarse por Formularios, Pantallas desplazables y Contenedores si no hay controles interactivos dentro de ellos.
Para las Galerías sin contenido interactivo, puede establecer TabIndex en la Galería para que los usuarios del teclado puedan poner el foco en él y usar las teclas de flecha para desplazarse.
Para las Etiquetas, establecer TabIndex hará que se pueda poner el foco en ellas durante el desplazamiento con teclado. Sin embargo, también las convertirá en botones. No haga que las etiquetas sean desplazables si no están destinadas a ser botones. Asegúrese de que la Etiqueta es lo suficientemente grande para ajustarse al texto. Se puede usar la propiedad AutoHeight para ajustar automáticamente el tamaño del control cuando está dentro de un Formulario, una Pantalla desplazable o una Galería.
Secciones ampliables
Las secciones ampliables, también llamadas divulgaciones, contienen contenido que está oculto hasta que el usuario presiona un botón. No hay soporte integrado para estos elementos, pero existe una solución.
Mencione el estado ampliado en la propiedad AccessibleLabel del botón. Por ejemplo, "Mostrar más detalles. Contraído".
Actualice el valor de AccessibleLabel cuando cambie el estado ampliado. Coloque el contenido expandido inmediatamente después del botón para que los usuarios del lector de pantalla puedan navegar lógicamente hasta él. Empuje otro contenido hacia abajo cuando la sección se expanda.
Puntos de referencia
Puede crear encabezados con controles Etiqueta. La navegación, el banner y otros puntos de referencia no son compatibles. Power Apps establece automáticamente el punto de referencia principal en la pantalla de la aplicación.
Para otros puntos de referencia, use un encabezado como solución.
Roles y estados personalizados
No hay soporte integrado para los roles y estados personalizados. Por lo tanto, no se recomienda crear composiciones de casillas, controles deslizantes y controles de alternancia desde los controles integrados.
Tenga en cuenta lo siguiente:
- Mencione la función y el estado del control en su propiedad AccessibleLabel. Por ejemplo, si se utiliza un Icono como una casilla, su etiqueta podría ser "Habilitar notificaciones. Casilla. Activada".
- Cree un componente de código que establezca roles de WAI-ARIA y estados según corresponda.
Manejo de teclado personalizado
No es posible reaccionar a pulsaciones de teclas específicas. Por ejemplo, no puede tener un comportamiento personalizado para las teclas de flecha o la tecla Escape. Por ello, no es posible componer controles con forma de lista como botones de radio desde controles integrados. Tampoco puede crear superposiciones que se puedan descartar con la tecla Escape.
El manejo de la tecla Entrar o la barra espaciadora es compatible con OnSelect. Sin embargo, esta propiedad también se activa mediante otros métodos de entrada, como los clics del mouse. No hay forma de distinguir el origen del evento.
Administración del foco
La función SetFocus se puede usar para cambiar el foco, pero solo funciona en escenarios limitados.
No es posible detectar cuándo los controles reciben o pierden el foco.
Ocultar contenido solo a los usuarios del lector de pantalla
No hay ningún equivalent a aria-hidden para mostrar contenido a los usuarios que ven pero ocultárselo a los usuarios del lector de pantalla. Solo se admiten algunos escenarios.
Pasos siguientes
Consultar también
- Creación de aplicaciones accesibles
- Estructura de aplicación accesible
- Colores accesibles en Power Apps
- Mostrar u ocultar contenido de tecnologías de asistencia en aplicaciones de lienzo
- Anuncio de cambios dinámicos con regiones activas para aplicaciones de lienzo
- Usar el Comprobador de accesibilidad