- Inicio
- Talleres en vivo
- Aprende a crear modales accesibles
Taller en vivoPremium
Aprende a crear modales accesibles
En este taller veremos cómo desarrollar (y diseñar) modales que de verdad funcionan para todo el mundo: apertura y cierre predecibles, foco bien gestionado (sin “secuestrarlo”), recorrido de tabulación dentro del modal, retorno del foco al disparador, cierre con Escape y controles claros, compatibilidad con lectores de pantalla (rol, nombre y descripción accesibles), y comportamiento correcto cuando hay formularios, errores, scroll o contenido dinámico. Trabajaremos el marcado y la interacción con un enfoque práctico de código (HTML semántico + JS mínimo + ARIA solo cuando aporta), útil también para perfiles de diseño que definen jerarquía, microcopy, estados y patrones de interacción dentro de un sistema de diseño.
- Duración1 hora
- Fecha y hora
- PonenteCarlos Garrido
- Modalidad100% online
¿Para qué te servirá este taller?
Saldrás con criterios para decidir cuándo usar un modal (y cuándo es mejor otra solución) y un checklist aplicable: estructura y semántica (título real, botón de cerrar accesible, nombres y descripciones), trampa de foco bien implementada sin romper atajos, orden de tabulación sin sorpresas, bloqueo/gestión del fondo (inert/aria-hidden) y scroll del body sin bugs, restauración del foco al cerrar, control del tamaño y responsividad, y soporte para reducción de movimiento. Verás anti-patrones frecuentes (modales sin título, foco que cae “en el limbo”, overlays que no se cierran, múltiples modales apilados sin control, cierres accidentales, fondo navegable con teclado, anuncios intrusivos) y su corrección, además de snippets para React/Vue o vanilla JS que podrás reutilizar.
¿A quién está dirigido este taller?
Para front-end devs que implementan modales, diseñadores/as UX/UI y product designers que definen componentes y patrones, y QA/accesibilidad que testean experiencias. Nivel: inicial–intermedio en a11y; basta con nociones de HTML/CSS/JS o participación en el diseño de componentes. Ideal si trabajas con design systems y quieres estandarizar un modal usable, accesible y mantenible.
Accede a todos los talleres
Elige el plan que mejor se adapte a tus necesidades. Con tu suscripción tendrás acceso ilimitado a todos los talleres en vivo, cursos y mucho más.
