Add support for prefers-reduced-motion
zetareticoli opened this issue · comments
In browsers/environments that allow the user to specify their preference for reduced motion, the CSS transition effect will be disabled.
Test animation in such context.
The prefers-reduced-motion propery was introduced in iOS 7 to allow users the ability to disable parallax and app launching animations.
Vestibular Spectrum Disorders
Vestibular disorders are caused by problems affecting the inner ear and parts of the brain that control balance and spatial orientation. Symptoms can include loss of balance, nausea, and other physical discomfort.
In this article are listed common vestibular motion triggers, and variants.
Triggers:
- Mouse-Triggered Scaling
- 3D Zoom + Blur
- Spinning and Vortex Effects
- Multi-Speed or Multi-Directional Movement
- Dimensionality or Plane Shifting
- Peripheral Motion
As none of CSSUI components use any of these triggers, I think adding prefers-reduced-motion media query could be obsolete.