- Inicio
- Talleres en vivo
- Cómo hacer carruseles accesibles
Taller en vivoPremium
Cómo hacer carruseles accesibles
En este taller veremos cómo desarrollar (y diseñar) carruseles/“sliders” que se entienden, se usan y no marean: controles claros (Anterior/Siguiente), pausa/autoavance, indicadores de página, orden de foco, soporte teclado y gestos, reduced motion, estados y mensajes comprensibles para tecnologías de asistencia. 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 y comportamientos.
- 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 carrusel (y cuándo no) y un checklist aplicable: estructura semántica (encabezado, lista de slides, botones reales), visibilidad del foco, orden de tabulación sin trampas, Target Size adecuado, contraste y lectura; controles de Pausar/Reanudar y Desactivar autoavance (WCAG 2.2.2), indicadores de “slide actual” legibles y anunciables, gestos equivalentes por teclado, soporte a prefiere-reducir-movimiento, y anuncios no intrusivos (aria-live) para cambios. Verás anti-patrones frecuentes (auto-play sin control, “dots” no descriptivos, focus robado, textos dentro de imágenes) y su corrección, más snippets para React/Vue o vanilla JS que podrás reutilizar.
¿A quién está dirigido este taller?
Para diseñadores/as UX/UI y product designers que definen componentes y patrones, front-end devs que implementan sliders, 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 carrusel 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.
