Animated icons do not respect prefers-reduced-motion
MHLut opened this issue · comments
Marijke Luttekes commented
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.
Marijke Luttekes commented
(FYI, I am willing to pick this one up myself)