Add support for CSS prefers-reduced-motion media feature.
New in CSS Media Queries Level 5:
WebKit blog post covering the feature, justification, and examples:
Now implemented in Safari/WebKit, Firefox/Gecko, and most recently in Chrome. I suspect this bug could be closed now, since Edge is EOL and Microsoft has plans to adopt Chrome.
James Catt commented
Now being actively worked on for Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=722548#c27
In addition to the original Safari/WebKit implementation, prefers-reduced-motion shipped recently in Firefox 63, so there are two independent implementations now.
Warren R commented
Firefox 63 has added this capability. Would be good to see this added to Edge.
Mike Gifford commented
A bit more on this issue.
There are people who have Visually Induced Motion Sickness who should have the ability to disable motion in their browsers. Having browsers that respect prefers-reduced-motion is critical to being able to design so that we can have interaction for some, but don’t make everyone else need to lie down.
Apple’s brought this in:
Some more background here:
Edge really needs to get on this:
We’re tracking this in Drupal here:
Robert King commented
I support this
Alastair Campbell commented
There is potentially a new WCAG success criteria coming in 2018 about animations/motion:
It would be very handy for developers to 'have their cake and eat it', i.e. have the animations requested by some people, but allow users to turn it off.