Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility and animations #831

Closed
marcysutton opened this issue Jul 16, 2018 · 1 comment
Closed

Accessibility and animations #831

marcysutton opened this issue Jul 16, 2018 · 1 comment

Comments

@marcysutton
Copy link
Contributor

What a cool library you've got here! In the spirit of being plug-and-play, I thought it would be extra awesome if there was a way to easily turn animations on and off. For users with motion sensitivity, vestibular disorder or even just a wicked hangover, animations can make them sick or worse–it goes beyond simple aesthetics to become a safety issue.

Fortunately, this is pretty easy to address using the prefers-reduced-motion media query (only on OSX and iOS Safari currently):

@media (prefers-reduced-motion) {
// do stuff
}

To toggle animations once this media query is in place, users can go to their system preferences and toggle "reduce motion".

macos-sierra-reduce-motion

I have a PR ready to submit with this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants