El Modal Dialog IGT le ayuda a determinar si su cuadro de diálogo modal es accesible. Los usuarios de lectores de pantalla y los usuarios que no pueden usar un mouse deberían poder interactuar con el cuadro de diálogo modal y no acceder de manera confusa al contenido detrás del modal.
Debido a la falta de soporte y a problemas conocidos en ciertas tecnologías de asistencia, el Modal Dialog IGT actualmente no otorga un "pase" para el uso del atributo aria-modal="true"
. En su lugar, se recomienda evitar que los lectores de pantalla naveguen fuera del modal usando aria-hidden="true"
. Ver más información sobre los lectores de pantalla que pueden explorar contenido fuera de los cuadros de diálogo aquí.
Cómo funciona
Lo primero que tendrás que hacer es poner la página en el estado que quieres probar. Después de eso, unas cuantas preguntas sencillas lo guiarán a través de la realización de pruebas de accesibilidad que determinarán si su cuadro de diálogo modal tiene problemas de accesibilidad o no. El IGT de Diálogo Modal eliminará todo el tedio de tener que conocer los detalles de los problemas con los diálogos modales que pueden surgir al atender a usuarios con discapacidades.
El cuadro de diálogo modal IGT se puede convertir en un flujo de trabajo automatizado con la nueva función Reproducción automática .
Paso 1: Seleccionar modal
¿La ventana modal que quieres probar tiene un botón que la lanza?
Comúnmente, una ventana modal se lanza mediante la interacción de "clic" de un usuario con un control como un botón. Si es este el caso, seleccione "Sí, mi ventana modal tiene un botón de lanzamiento". Después de eso, se le pedirá que seleccione el botón de lanzamiento de la ventana modal.
Si el modal que está probando se inicia automáticamente (como un modal de tiempo de espera de sesión) o se activa por algo que no sea un clic del usuario, seleccione "No, mi modal se activa por otra cosa". Después de eso, se le pedirá que dispare el modal y lo seleccione.
Si el IGT no puede detectar automáticamente el elemento modal, se le pedirá que lo seleccione.
Paso 2: Verificaciones de modal
¡Este paso está completamente automatizado, por lo que no tienes que hacer nada! Durante este paso automatizado, el IGT determina lo siguiente:
- si se utiliza el
role
termino 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-hidden
)
Luego de este paso automatizado, el IGT le preguntará:
¿Se puede descartar o cerrar este modal?
Si se puede descartar este modal, el IGT intentará cerrarlo automáticamente utilizando el ESC tecla. Si ESC si ESC no descarta el modal, se le pedirá que lo descarte manualmente.
Una vez que se descarta la modal, se le pedirá que valide que el foco haya regresado al lanzador o algún otro elemento lógico.
Qué evalúa
- el foco se lleva a la modal cuando se inicia
- uso correcto de la modal aceptable
role
- el foco está atrapado dentro del diálogo
- el contenido fuera del diálogo está oculto para los lectores de pantalla
- Desestimación del modal con el teclado
- el foco vuelve al elemento lógico (normalmente el lanzador)