Prueba Guiada Inteligente de Diálogos Modales

La Prueba Guiada Inteligente de Diálogos Modales te ayuda a determinar si tu diálogo modal es accesible. Los usuarios de lectores de pantalla y aquellos que no pueden usar un ratón deberían poder interactuar con el diálogo modal y no acceder confusamente al contenido detrás del modal.

Cómo funciona

Lo primero que tendrás que hacer es poner la página en el estado que deseas probar. Después, unas simples preguntas te guiarán a través de la realización de pruebas de accesibilidad que determinan si tu diálogo modal tiene problemas de accesibilidad o no. La Prueba Guiada Inteligente de Diálogos Modales eliminará todo el tedio de tener que conocer los detalles de los problemas que pueden surgir con los diálogos modales al atender a usuarios con discapacidades.

Paso 1: Seleccionar Modal

¿El modal que te gustaría probar tiene un botón que lo lanza?

Comúnmente, un modal se lanza mediante una interacción de "clic" del usuario con un control como un botón. Si este es el caso, selecciona "Sí, mi modal tiene un lanzador". Después, se te pedirá que selecciones el lanzador del modal.

Si el modal que estás probando se lanza automáticamente (como un modal de tiempo de espera de sesión) o se activa por algo aparte de un clic del usuario, selecciona "No, mi modal se activa por otra cosa". Después, se te pedirá que actives el modal y lo selecciones.

Paso 2: Verificaciones del Modal

Este paso es completamente automatizado, ¡así que no tienes que hacer nada! Durante este paso automatizado, la prueba guiada determina lo siguiente:

• si se utiliza el role correcto
• si el foco está atrapado dentro del diálogo
• si el contenido fuera del modal está oculto para los lectores de pantalla (a través de aria-modal=true en el propio diálogo o aria-hidden=true fuera del diálogo)

Después de este paso automatizado, la prueba guiada te preguntará:

¿Se puede descartar o cerrar este modal?

Si este modal puede ser descartado, la prueba guiada intentará cerrarlo automáticamente usando la tecla ESC . Si la tecla ESC no descartó el modal, se te pedirá que lo descartes manualmente.

Una vez que el modal es descartado, se te pedirá que valides que el foco regresó al lanzador u otro elemento lógico.

Ejecución en Modo Automatizado

Cuando el modo automatizado de la prueba guiada está habilitado, la Prueba Guiada Inteligente de Diálogos Modales mantiene los mismos pasos de configuración que usas en la prueba estándar y luego lo pasa al AI para evaluar automáticamente el descarte y la restauración del foco.

Paso 1: Identificar y lanzar el modal

Al igual que en la prueba estándar, primero le dirás a la prueba guiada cómo se lanza tu modal:

• Si el modal tiene un lanzador, selecciona Sí, mi modal tiene un lanzador y elige el control de lanzamiento.
• Si el modal se activa de otra manera (como un diálogo de tiempo de espera de sesión), selecciona No, mi modal se activa por otra cosa y activa el modal tú mismo para que la prueba guiada pueda capturarlo.

Si el modal no se puede detectar automáticamente, se te pedirá que lo selecciones.

Paso 2: La IA analiza tu modal

Una vez que el modal está capturado, la IA se hace cargo de las partes de la prueba que normalmente requieren interacción manual:

• Descartar: La IA determina si el modal debe ser descartable y luego intenta cerrarlo automáticamente, primero con la tecla ESC tecla, y luego utilizando los controles de cierre que identifique (como un botón de cerrar o el fondo).
• Restauración del enfoque: Después de que se cierre el modal, la IA verifica si el enfoque ha vuelto a un elemento lógico, como el lanzador.

Las comprobaciones restantes del modal — diálogo correcto role, enfoque atrapado dentro del diálogo, y contenido fuera del modal oculto para los lectores de pantalla — continúan ejecutándose automáticamente como parte de la prueba.

Cuando el análisis esté completo, revisarás los hallazgos de la IA, harás las correcciones necesarias y finalizarás tu prueba. Consulta IGTs Automatizados para obtener detalles sobre cómo revisar resultados, hacer correcciones y completar tu prueba.

Qué prueba

• el enfoque se lleva al modal cuando se lanza
• uso correcto de modal aceptable role
• el enfoque está atrapado dentro del diálogo
• el contenido fuera del diálogo está oculto para los lectores de pantalla
• cierre del modal con el teclado
• el enfoque regresa al elemento lógico (usualmente el lanzador)