Algunas personas experimentan molestias por movimientos grandes o repetidos. La función de medios preferidos de movimiento reducido permite que una página reduzca la animación no esencial cuando el dispositivo del visitante lo solicita.

@media (prefers-reduced-motion: reduce) {
  .card {
    scroll-behavior: auto;
    animation-duration: 0.01ms;
    transition-duration: 0.01ms;
  }
}

Reducir el movimiento, no la información

  • Mantenga visibles los cambios de estado con un estilo inmediato o un mensaje de estado conciso.
  • Evite el parpadeo, el paralaje y los grandes movimientos cuando funciona un desvanecimiento más simple o un cambio instantáneo.
  • No elimine los indicadores de enfoque ni dificulte el uso de los controles en el modo de movimiento reducido.

Pruebe ambas configuraciones

Habilite el movimiento reducido en el sistema operativo o las herramientas del navegador y pruebe todos los elementos interactivos. Confirme que la página siga siendo comprensible cuando se elimine la animación.

Un valor predeterminado respetuoso brinda a los visitantes control sin necesidad de buscar una configuración especial dentro del sitio.