Resumen

  • La Recomendación WCAG 2.1 de 2018 estableció que la animación de movimiento activada por una interacción debía poder desactivarse cuando no fuera esencial para la función o la información.
  • El primer borrador público de Media Queries Level 5, publicado en marzo de 2020, describió prefers-reduced-motion con los valores reduce y no-preference. Una técnica posterior del WAI enseña a suprimir el movimiento o a empezar con una interfaz quieta y añadirlo solo bajo la segunda condición.

La tarjeta daba una voltereta cada vez que alguien pulsaba Siguiente. Para quien la había diseñado, era una pequeña celebración. Para quien intentaba leer, podía ser una interrupción repetida. El lector había expresado su elección antes de abrir la página, en el sistema o en el navegador. La interfaz tenía una oportunidad muy concreta de escuchar sin pedirle que rellenara otro formulario.

La Recomendación WCAG 2.1 del 5 de junio de 2018 abordó el asunto en su criterio 2.3.3, Animación por interacciones. El movimiento que se desencadena al actuar sobre una página debe poder desactivarse cuando no sea esencial para el funcionamiento o la información. El criterio deja espacio para las decisiones visuales del autor. También da al lector una salida cuando la pirueta de una tarjeta no aporta nada a la tarea.

El primer borrador público de Media Queries Level 5 del 3 de marzo de 2020 ofreció una forma de llevar la elección hasta CSS: prefers-reduced-motion. La consulta distingue reduce, cuando se ha comunicado al sistema una preferencia por menos movimiento, y no-preference, cuando no se le ha comunicado preferencia alguna. Este último valor da falso si la característica se usa como condición booleana sin indicar un valor. El silencio del lector merece una lectura precisa; la tarjeta no recibe una invitación a hacer un triple salto.

El navegador transmite la señal del entorno del lector. El sitio decide sus reglas. Puede hacer que la nueva tarjeta aparezca directamente, reducir un desplazamiento o reservar cierto efecto para una condición concreta. Una misma preferencia del lector llega a muchos sitios, mientras cada editor se responsabiliza de las animaciones que puso en su página. El mecanismo es pequeño; la decisión editorial se repite en cada interacción.

El borrador de trabajo del 18 de diciembre de 2021 mantuvo la distinción entre reduce y no-preference dentro de las características de preferencia del usuario. El historial de publicaciones del W3C sitúa el primer borrador público en 2020 y las siguientes versiones de trabajo hasta 2021. La petición de estar más quietos adquirió así un lenguaje compartido que una hoja de estilos podía consultar.

La técnica C39 de WAI, actualizada en enero de 2026, muestra dos caminos. Uno parte del efecto animado y lo desactiva con @media (prefers-reduced-motion: reduce). El otro escribe primero los estilos estáticos y añade el movimiento únicamente con @media (prefers-reduced-motion: no-preference). En la tarjeta acróbata, esta segunda ruta plantea una pregunta útil: ¿qué informa la voltereta que no pueda informar una tarjeta nueva que simplemente aparece donde corresponde?

C39 se aplica al movimiento hecho con CSS como respuesta a una interacción, por ejemplo un clic o un desplazamiento. El WAI describe efectos que pueden distraer o causar náuseas a algunas personas. El criterio de 2018 conserva la excepción para el movimiento esencial. La preferencia del lector puede guiar el diseño de una transición decorativa sin convertir la visita al sitio en una consulta médica.

El sitio sigue siendo el responsable de su coreografía y el navegador lleva hasta él la preferencia del lector. La siguiente tarjeta puede llegar, mostrar su contenido y quedarse quieta. Cuando la página recibe una petición de calma, tiene una respuesta mejor que repetir su número con menos entusiasmo: sentarse y dejar leer.