inovex / scrumlr.io

Webapp for collaborative online retrospectives
https://scrumlr.io
MIT License
264 stars 60 forks source link

a11y: Add support for reduced motion #3896

Open Resaki1 opened 9 months ago

Resaki1 commented 9 months ago

We have a few animations already (and will hopefully have more in the future!). For a11y reasons, we should add support for reduced motion.

As a user, I want scrumlr to automatically detect and apply the reduced-motion setting from my OS or Browser. Additionally, I want to have a toggle in the settings to independently turn reduced motion on or off.

Acceptance criteria:

A few of our animations are currently implemented using react-spring. This library has a useReducedMotion hook which should be useful here.

Schwehn42 commented 9 months ago

If this only applies to react-spring animations, we also might consider using the reduced-motion media query to skip other animations.