El Diseño para Sensibilidad al Movimiento y Sensorial es la práctica de construir interfaces que no dañen ni abrumen a personas con trastornos vestibulares, epilepsia fotosensible o diferencias de procesamiento sensorial. Cubre tres necesidades relacionadas: reducir el movimiento para quienes la animación marea o produce náuseas, evitar destellos que puedan disparar convulsiones, y bajar la carga sensorial para quienes la reproducción automática, el sonido y el movimiento en competencia abruman. De todo el trabajo de accesibilidad, esta es el área donde equivocarse puede causar daño físico, no solo frustración.
El error es tratar el movimiento como pura decoración sin costo. El scroll parallax, las grandes animaciones de entrada y las transiciones cargadas de movimiento pueden disparar mareo, náusea, vértigo y migrañas en personas con condiciones vestibulares, y web.dev señala que más de un tercio de los adultos sufrirá alguna forma de disfunción vestibular hacia los 40 años. El contenido con destellos es aún más serio: el contenido que destella más de tres veces por segundo puede disparar convulsiones en personas con epilepsia fotosensible. No son casos límite que rodear con estilo; son restricciones de seguridad.
La buena noticia es que la plataforma te da los controles. La media query prefers-reduced-motion reporta la preferencia de movimiento del sistema operativo del usuario, así que puedes reducir o reemplazar la animación para quien pidió menos. WCAG fija una regla de seguridad dura, de Nivel A, contra los destellos. Y el criterio de pausar-detener-ocultar exige dar al usuario control sobre el movimiento automático. Respetar esto es sobre todo cuestión de tratar el menor movimiento como el valor por defecto seguro.
El principio: respeta prefers-reduced-motion, nunca destelles más de tres veces por segundo, da control de pausar/detener/ocultar sobre el movimiento automático, y mantén baja la carga sensorial por defecto.