Las animaciones CSS, las transiciones entre páginas y los efectos de movimiento pueden enriquecer visualmente una publicación digital. Sin embargo, para personas con trastornos vestibulares, epilepsia fotosensible o sensibilidad al movimiento, estos efectos pueden provocar mareos, náuseas o incluso convulsiones. Lo que para un lector es un detalle estético, para otro puede ser una barrera de acceso al contenido.
WCAG 2.1 aborda esta cuestión en varios criterios. El criterio 2.3.1 (nivel A) prohíbe contenido que destelle más de tres veces por segundo. El criterio 2.2.2 (nivel A) exige que cualquier contenido en movimiento, desplazamiento o actualización automática pueda ser pausado, detenido u ocultado por el usuario. Estos criterios son de nivel A, lo que significa que su incumplimiento representa una violación básica de accesibilidad, no un requisito avanzado.
En el contexto editorial, la media query CSS prefers-reduced-motion permite al editor ofrecer una experiencia adaptada a las preferencias del usuario. Cuando el sistema operativo del lector está configurado para reducir el movimiento, las animaciones pueden desactivarse automáticamente mediante esta consulta de medios. Implementar esta alternativa es técnicamente sencillo y demuestra un compromiso real con la accesibilidad del contenido.
La regla práctica para los editores es evaluar cada animación con una pregunta: ¿esta animación transmite información que no está disponible de otra forma? Si la respuesta es no, la animación es decorativa y debe poder desactivarse. Si la respuesta es sí, debe proporcionarse una alternativa estática o textual que transmita la misma información. Las transiciones de página puramente estéticas, los efectos de parallax y las animaciones de entrada de texto son casi siempre prescindibles sin pérdida de contenido.
Fuentes: