Allow users to disable animation

[oliverjam]

This is an accessibility thing: people with certain vestibular disorders struggle with UIs containing lots of motion. There's also the obvious problem for people with photosensitive epilepsy—some of the gif backgrounds flash really fast and could be dangerous.

Modern browsers support a new media query called prefers-reduced-motion that will tell you if the user has opted out of animations etc in their operating system settings. You can detect this and hide gifs/disable CSS animations

[oliverjam]

Here's a good recent article on using this MQ in React

https://joshwcomeau.com/react/prefers-reduced-motion/

[jackherizsmith]

@jamesj-0 fyi