code icon indicating copy to clipboard operation
code copied to clipboard

[Accessibility] Many parts of the site don't respect prefers-reduced-motion, the download animation is too disruptive either way

Open slavalamp opened this issue 9 months ago • 0 comments

Please confirm the following.

What browsers are you seeing the problem on?

Firefox, Chrome (including Arc, Brave, Opera, Vivaldi)

Describe the bug

Many parts of the website have animation even though I have enabled a setting to remove animations on my device. The download button animation in particular plays a fullscreen animation which is very disruptive, and the Discover content dropdown is also pretty bad. I get startled easily and this discourages me a lot from interacting with the website.

also why the heck would you have a fullscreen several seconds long animation in the first place (and a weirdly choppy one at that), this is the kind of thing ransomware does, i actually thought there was something wrong with my computer before realizing it's just this site

Steps to reproduce

  1. Disable animation in your OS or browser's settings
  2. Interact with stuff that gets animated (these are just the different animations i've noticed, there might be more): a. Click a download button on a mod page b. Switch between tabs on a mod page c. Open a More options dropdown menu d. Open the Discover content dropdown menu e. Press the download button that opens a popup asking to install the Modrinth app
  3. All of that is animated anyway a. The download button animation is fullscreen!!!!!

Expected behavior

No animation with respect-reduced-motion anywhere and no choppy fullscreen animation at all

Additional context

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

slavalamp avatar Mar 30 '25 02:03 slavalamp