Limitaciones de accesibilidad en aplicaciones canvas

Puede diseñar y crear aplicaciones de lienzo accesibles con controles incorporados. A veces, la combinación de diseño de la aplicación, el uso de varios controles y las propiedades de control configuradas pueden dar lugar a que una aplicación tenga una interfaz de usuario inaccesible.

En este artículo, obtendrá información sobre estas limitaciones de accesibilidad en las aplicaciones de lienzo y 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 diálogos e interfaces de usuario que aparecen encima de otro contenido. Estas superposiciones requieren la administración del foco, ocultar el contenido en segundo plano de los lectores de pantalla y los roles de control adecuados.

Tenga en cuenta lo siguiente.

• Use pantallas independientes para cada "cuadro de diálogo".
• Use la función Notify .
• 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 a la pestaña seleccionada.

El único control integrado que admite interfaces con pestañas es la lista de pestañas. Evite usar galerías para crear pestañas. La lista de pestañas debe ser navegable con teclas de dirección. Se requieren los roles y estados de control adecuados.

Tenga en cuenta lo siguiente.

• Use la lista de pestañas integrada.
• 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.

• Use la tabla de datos integrada.
• Presente los datos en una sola dirección con una galería.
• Cree un componente de código que implemente una tabla accesible.

Cuadros combinados personalizados

Es posible emular un cuadro combinado combinando 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 pueden desplazar formularios, pantallas desplazables y contenedores si no hay ningún control interactivo dentro de ellos.

Para Galerías sin contenido interactivo, puede establecer TabIndex en la propia Galería para que los usuarios del teclado puedan centrarse en él y usar teclas de dirección para desplazarlo.

En Etiquetas, establecer TabIndex hará que se puedan enfocar para el desplazamiento con el teclado. Sin embargo, también los convertirá en botones. No hagas que las etiquetas se puedan desplazar si no están pensadas para ser botones. Asegúrese de que la etiqueta es lo suficientemente grande como para ajustarse al texto. La propiedad AutoHeight se puede usar para ajustar automáticamente el tamaño del control cuando se encuentra dentro de un formulario, una pantalla desplazable o una galería.

Secciones expandibles

Las secciones expandibles, también conocidas como divulgaciones, contienen contenido oculto hasta que el usuario presiona un botón. No hay compatibilidad integrada con estos elementos, pero hay una solución alternativa.

Indique el estado expandido en AccessibleLabel del botón. Por ejemplo, "Mostrar más detalles. Colapsado.

Actualice AccessibleLabel cuando cambie el estado expandido. Coloque el contenido expandido inmediatamente después del botón para que los usuarios del lector de pantalla puedan navegar a él de forma lógica. Desplazar el contenido hacia abajo cuando se expanda la sección.

Lugares de interés

Puede crear encabezados con controles Label . No se admiten navegación, banner y otros puntos de referencia. 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 alternativa.

Roles y estados personalizados

No hay compatibilidad integrada con roles y estados personalizados. Por lo tanto, no se recomienda crear casillas de verificación compuestas, controles deslizantes y alternancias desde controles integrados.

Tenga en cuenta lo siguiente.

• Mencione la función y el estado del control en su AccessibleLabel. Por ejemplo, si se usa un icono como casilla de verificación, su etiqueta podría ser "Habilitar notificaciones. Casilla de verificación Comprobado.
• Cree un componente de código que establezca WAI-ARIA roles y estados según corresponda.

Control de teclado personalizado

No es posible reaccionar a presiones de teclas específicas. Por ejemplo, no puede tener un comportamiento personalizado para las teclas de dirección o la tecla Escape. Por lo tanto, no es posible componer controles similares a listas, como los botones de radio, a partir de los controles predeterminados. Tampoco puede crear superposiciones que se puedan descartar con la tecla Escape.

El control de teclas de entrada o espacio es compatible con OnSelect. Sin embargo, esta propiedad también se desencadena mediante otros métodos de entrada, como clics del mouse. No hay ninguna manera 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 de 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

Propiedades de accesibilidad

Consulte también

• Creación de aplicaciones accesibles
• Estructura de la aplicación accesible
• Colores accesibles en Power Apps
• Mostrar u ocultar contenido de tecnologías de asistencia para aplicaciones de lienzo
• Anunciar cambios dinámicos con regiones dinámicas para aplicaciones de lienzo
• Usar el comprobador de accesibilidad