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

As a motion-sensitive user, I want my browser reduced motion preference honored and the parallax effect on the site homepage not enabled, so that the parallax doesn't make me feel unwell. #316

Closed
thatbudakguy opened this issue Oct 2, 2019 · 2 comments
Assignees
Labels
accessibility affects accessibility for disabled users.

Comments

@thatbudakguy
Copy link
Contributor

it looks like we could use the prefer-reduced-motion css media feature to remove the parallax effect on the homepage for motion-sensitive users, which is probably a good idea.

@thatbudakguy thatbudakguy added the accessibility affects accessibility for disabled users. label Oct 2, 2019
@rlskoeser
Copy link
Contributor

This should be a simple media query; just don't enable the parallax code if reduced motion is preferred. See js media query here:
https://web.dev/prefers-reduced-motion/

@rlskoeser rlskoeser self-assigned this Aug 17, 2022
@rlskoeser rlskoeser changed the title disable parallax effect for motion-sensitive users As a motion-sensitive user, I want my browser reduced motion preference honored and the parallax effect on the site homepage not enabled, so that the parallax doesn't make me feel unwell. Aug 18, 2022
@rlskoeser
Copy link
Contributor

Confirmed on the test site using Chrome rendering tools to simulate prefer-reduced-motion setting — when set to emulate prefers reduced motion, parallax is not enabled; when no emulation is set, parallax is enabled normally.

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

No branches or pull requests

2 participants