Animated icons do not respect prefers-reduced-motion - Githubissues

django / djangoproject.com

Source code to djangoproject.com

https://www.djangoproject.com/

BSD 3-Clause "New" or "Revised" License

1.87k stars 947 forks source link

Animated icons do not respect prefers-reduced-motion #1476

Open MHLut opened 7 months ago

MHLut commented 7 months ago

This is an accessibility bug.

Some pages have animated (or CSS-transitioned) icons used as bullet points or next to CTAs.

Moving images have adverse effects on people with motion disorders.

I checked the pages with prefers-reduced-motion: reduce enabled per macOS settings.

The setting above should have reduced or stopped the animations, but didn't.

Pages affected:

https://www.djangoproject.com/
https://www.djangoproject.com/start/overview/
Every other page that uses animated icons.

MHLut commented 7 months ago

(FYI, I am willing to pick this one up myself)