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

[A11Y] Use prefers-reduced-motion to calm animations #3517

Open
2 tasks
Tracked by #3360
davwheat opened this issue Jan 1, 2022 · 0 comments
Open
2 tasks
Tracked by #3360

[A11Y] Use prefers-reduced-motion to calm animations #3517

davwheat opened this issue Jan 1, 2022 · 0 comments
Labels
type/accessibility Issues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.)

Comments

@davwheat
Copy link
Member

davwheat commented Jan 1, 2022

People with inner ear conditions can become nauseous and physically sick from web animations.

We should NOT remove animations, but instead of fast zooms or slides, we should favour opacity fades.

https://css-tricks.com/empathetic-animation/#did-we-allow-users-to-opt-out

  • Mobile drop-down slide in
  • Mobile modal slide in
@askvortsov1 askvortsov1 transferred this issue from flarum/framework Mar 10, 2022
@SychO9 SychO9 added the type/accessibility Issues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.) label Jun 3, 2022
@davwheat davwheat transferred this issue from flarum/issue-archive Jul 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type/accessibility Issues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.)
Projects
None yet
Development

No branches or pull requests

2 participants