BibliotecaArtículos y preguntas frecuentes tu proyectoSolicite una cotización
IdiomaES ▾
Guías prácticas

Diseñar y probar un diálogo modal

Versión sintética: controles esenciales para este tema. Las ediciones francesa e inglesa desarrollan el procedimiento completo; las fuentes oficiales permiten comprobar los detalles técnicos.

Ver el método

Ilustración del trabajo en un proyecto web
Ilustración generada por IA

Tiempo de lectura estimado : 1 min · Publicado

Qué comprobar

Use un diálogo cuando la tarea requiera una interrupción justificada. Compruebe nombre accesible, foco inicial, recorrido de teclado y cierre. Al cerrar, devuelva el foco al control adecuado. Pruebe también errores, contenido largo y pantallas pequeñas sin bloquear innecesariamente al visitante.

Documentos de referencia

Contenido actualizado

Anote los controles y los resultados en el registro de pruebas web

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Desplace la tabla horizontalmente para leer todas las columnas. Con el teclado, sitúe el foco en la tabla y use las flechas.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
Abrir el diálogo, recorrerlo con Tab y cerrarlo con EscapeEl foco permanece en el diálogo abierto y vuelve a un control lógico al cerrar.Secuencia de foco, nombre anunciado y prueba con contenido largo.