01 · Concepto
Seguridad física: movimiento bajo control
Una experiencia visual no debe poner en riesgo la salud ni exigir tolerar movimiento para completar una tarea.
Los destellos pueden desencadenar convulsiones fotosensibles. El desplazamiento, zoom o paralaje pueden provocar mareos vestibulares. Incluso una animación decorativa puede dificultar la concentración si no se puede pausar.
Principio esencial
Elimina el parpadeo peligroso, permite detener el movimiento y ofrece una experiencia estable cuando el sistema solicita reducir animaciones.
Prevención
Evita destellos por encima del umbral y efectos intensos que no aportan información.
Control
La persona decide si inicia, pausa o reduce el movimiento y cómo orienta su dispositivo.
02 · Fundamentos
Cuatro decisiones para una experiencia segura
La checklist distingue frecuencia, duración, preferencia del sistema y orientación.
Umbral de parpadeo
Nunca presentes más de tres destellos en un segundo; evalúa también el área, brillo y contraste del contenido.
Control de animación
Ofrece pausa, detención u ocultamiento para movimiento automático que dura más de cinco segundos.
Movimiento reducido
Respeta la preferencia prefers-reduced-motion y reemplaza efectos amplios por transiciones mínimas o instantáneas.
Orientación libre
Permite utilizar el contenido en vertical y horizontal, salvo que una orientación sea esencial.
03 · Personas y contextos
¿A quién beneficia?
Los efectos visuales pueden producir barreras cognitivas, vestibulares y físicas.
- Personas con epilepsia fotosensible: necesitan evitar patrones que destellen a frecuencias peligrosas.
- Personas con trastornos vestibulares: pueden experimentar vértigo o náuseas con zoom, paralaje y grandes desplazamientos.
- Personas con migraña: se benefician de interfaces estables y sin estímulos intensos.
- Personas con dificultades de atención: pueden concentrarse cuando el movimiento decorativo se detiene.
- Personas con dispositivos montados o movilidad limitada: necesitan usar la orientación disponible sin girar el equipo.
04 · Barreras frecuentes
Cuando el efecto visual se convierte en riesgo
05 · Criterios de diseño
Qué debe comprobarse
Evalúa frecuencia, área, duración, activación y alternativas estables.
Máximo tres destellos
La página no contiene más de tres destellos en un segundo, o permanece bajo los umbrales generales y rojos.
Relacionado: WCAG 2.3.1 · Nivel A
Ausencia total de triple destello
Para el nivel más estricto, ninguna parte del contenido supera tres destellos por segundo.
Relacionado: WCAG 2.3.2 · Nivel AAA
Movimiento automático controlable
El contenido que comienza solo, dura más de cinco segundos y aparece junto a otro contenido puede pausarse, detenerse u ocultarse.
Relacionado: WCAG 2.2.2 · Nivel A
Animación activada por interacción
El movimiento disparado por una acción puede desactivarse, salvo que sea esencial.
Relacionado: WCAG 2.3.3 · Nivel AAA
Orientación adaptable
El contenido no restringe su vista o funcionamiento únicamente a vertical u horizontal.
Relacionado: WCAG 1.3.4 · Nivel AA
Preferencia de reducción respetada
La consulta de medios del sistema elimina o reduce animaciones no esenciales.
Buena práctica complementaria
06 · Ejemplo aplicado
Una confirmación visible sin parpadear
Problema
Alerta intermitente
El fondo alterna rojo y blanco rápidamente durante varios segundos.
- Puede superar el umbral seguro.
- No existe forma de detenerla.
- La intensidad no aporta significado adicional.
Solución
Mensaje estable
Un bloque persistente presenta icono, título y explicación, sin destellos ni movimiento.
- El aviso permanece visible.
- El significado no depende de una animación.
- La persona controla cuándo cerrarlo.
Decisión clave: captar atención nunca justifica introducir un riesgo físico.
07 · Práctica
Comprueba lo aprendido
Evalúa una frecuencia sin mostrar destellos, controla una animación y prueba ambas orientaciones.
Actividad 1: identifica una frecuencia segura
Selecciona la configuración que permanece dentro del límite básico. Esta actividad no produce parpadeo real.
Elige una frecuencia para evaluar.
Actividad 2: inicia y pausa el movimiento
La demostración permanece inmóvil hasta que la inicies. Después, utiliza el mismo control para pausarla.
El movimiento está detenido.
Actividad 3: prueba las dos orientaciones
Cambia la vista simulada entre vertical y horizontal. El contenido debe conservarse y reorganizarse.
Guía de emergencia
Conserva la calma y sigue las instrucciones del personal.
Consultar pasosExplora las vistas vertical y horizontal.
08 · Ficha rápida
Movimiento y parpadeo en seis preguntas
- ¿Hay destellos?
- Elimínalos o comprueba frecuencia, área y contraste.
- ¿Superan tres por segundo?
- Nunca uses una frecuencia por encima del umbral.
- ¿El movimiento comienza solo?
- Evítalo cuando sea posible y ofrece pausa.
- ¿La animación es esencial?
- Retira los efectos decorativos o permite desactivarlos.
- ¿Se respeta el sistema?
- Aplica una alternativa estable con movimiento reducido.
- ¿Funciona al girar?
- Comprueba vertical y horizontal sin pérdida de contenido.
Resultado
Progreso de las actividades
Completa las tres actividades para terminar el tutorial.