PreferenceManager: reducedMotion property

Limited availabilitySecure context

The reducedMotion read-only property of the PreferenceManager interface returns the PreferenceObject used to override the user’s preference for the reduced motion of the site.

Valid reducedMotion value settings are reduce and no-preference.

Value

A PreferenceObject used to override the user’s preference for the reduced motion of the site.

Examples

Basic usage

This example demonstrates how to query the user’s reduced motion preference.

if (navigator.preferences.reducedMotion.value === "reduce") {
  // The user prefers reduced motion.
} else {
  // The user has stated no preference regarding motion.
}

Specifications

Browser compatibility