Trastornos vestibulares y riesgos del paralaje
Comprenda por qué el movimiento intenso perjudica a algunas personas.
Trastornos vestibulares y riesgos del paralaje es una lección gratuita de Web Accessibility Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Web Accessibility Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Web Accessibility Academy incluye 4 lecciones en total.
El sistema del equilibrio
El oído interno cuenta con un sistema del equilibrio llamado sistema vestibular. Cuando no funciona correctamente, el movimiento normal de la pantalla puede resultar profundamente desagradable. 🌀
Cómo se siente un trastorno
Un trastorno vestibular puede convertir una animación de desplazamiento en mareos, náuseas o un dolor de cabeza que persiste mucho después de apartar la mirada.
Es más común de lo que cree
Millones de adultos viven con alguna afección vestibular. Forman parte, aunque discretamente, del público de cada sitio que publica.
El desplazamiento parallax es un desencadenante frecuente
En el desplazamiento con parallax, las capas se mueven a distintas velocidades. Esa diferencia es exactamente el tipo de movimiento contradictorio que altera el oído interno.
El problema es el movimiento amplio
El problema es la escala. Los desplazamientos, zooms y deslizamientos a gran escala provocan mucho más malestar que un desvanecimiento pequeño y rápido.
La velocidad y la distancia se acumulan
El movimiento rápido a lo largo de una gran distancia afecta más. Un movimiento lento y corto es más suave para un sistema vestibular sensible.
La reproducción automática elimina el consentimiento
El movimiento que el usuario no inició resulta peor. Los fondos que se reproducen automáticamente y los vídeos en bucle no avisan ni permiten prepararse.
Respete la preferencia
Active los efectos de riesgo solo cuando la consulta de movimiento lo permita. Cuando un usuario solicite reducir el movimiento, elimine por completo el parallax.
@media (prefers-reduced-motion: reduce) {
.parallax-layer { transform: none !important; }
}Ofrezca una alternativa tranquila
Sustituya la escena en movimiento por una imagen fija o un desvanecimiento sencillo. La idea se transmite igualmente sin provocar sensación de giro.
Haga pruebas con el movimiento desactivado
Active la opción de reducir el movimiento en su propio sistema operativo y navegue por el sitio. Si algo todavía se mueve de forma drástica, aún tiene trabajo por hacer.
Tenga en cuenta los informes
Puede que usted se sienta bien al ver el efecto, pero no le ocurrirá lo mismo a una persona sensible. Confíe siempre más en sus comentarios que en su propia comodidad.
Comprobación rápida
¿Qué técnica de animación es un desencadenante vestibular clásico?
Recapitulación
El sistema vestibular rechaza los movimientos amplios, rápidos y contradictorios, como el parallax. Redúzcalos, ralentícelos y elimínelos cuando los usuarios reduzcan el movimiento. ✅
Aprende HTML con un tutor de IA — gratis
Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.
- Cursos
- 30
- Lecciones
- 120
Preguntas frecuentes
¿La lección «Trastornos vestibulares y riesgos del paralaje» es gratis?
Sí — el texto completo de «Trastornos vestibulares y riesgos del paralaje» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Web Accessibility Academy, actualiza a CoddyKit PRO. El curso de Web Accessibility Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Trastornos vestibulares y riesgos del paralaje»?
Comprenda por qué el movimiento intenso perjudica a algunas personas. Practicas Web Accessibility Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Web Accessibility Academy?
No se requiere experiencia previa. Web Accessibility Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Trastornos vestibulares y riesgos del paralaje»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Web Accessibility Academy?
Sí. Cada lección de Web Accessibility Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- prefers-reduced-motion en CSS y JS
- Trastornos vestibulares y riesgos del paralaje
- El umbral de tres destellos para las convulsiones
- Pausar, detener y ocultar contenido en movimiento automático