Honor the browser's "prefers-reduced-motion" CSS media query and automatically turn off animations for accessibility
- Status
- Closed
- Subject
- Honor the browser's "prefers-reduced-motion" CSS media query and automatically turn off animations for accessibility
- Version
- master
- Category
- Usability
- Legislative Compliance
- Feature
- Accessibility
UI / UX (User interface and experience) - Resolution status
- Fixed or Solved
- Submitted by
- Jeff
- Lastmod by
- Ushindi Gedeon
- Rating
- Description
For anything that is not related to a user-caused physical motion (ex: dragging, swiping, gesturing, etc.), this operating system accessibility setting should be honored to disable any animation that is purely cosmetic.
https://dev.tiki.org/Bootstrap-4-to-5-Migration-Checklist is the only page that has any mention of "prefers-reduced-motion", but if the Tiki.org front page (and other pages / sites I've seen) is any indication, this is not actually implemented throughout Tiki for non-essential animations.
References:- https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
- https://webkit.org/blog-files/prefers-reduced-motion/prm.htm
- https://web.dev/prefers-reduced-motion/
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_Media_Queries_for_Accessibility also says:> this method of switching animation off according to the user's preference can also benefit users with low battery or low-end phones or computers.
- Solution
- Workaround
- Importance
- 5
- Easy to solve?
- 5
- Priority
- 25
- Demonstrate Bug on Tiki 19+
-
This bug has been demonstrated on show2.tiki.org
Please demonstrate your bug on show2.tiki.org
Show.tiki.org is not configured properlyThe public/private keys configured to connect to show2.tiki.org were not accepted. Please make sure you are using RSA keys. Thanks.
- Demonstrate Bug (older Tiki versions)
-
This bug has been demonstrated on show.tikiwiki.org
Please demonstrate your bug on show.tikiwiki.org
Show.tiki.org is not configured properlyThe public/private keys configured to connect to show.tikiwiki.org were not accepted. Please make sure you are using RSA keys. Thanks.
- Ticket ID
- 8582
- Created
- Saturday 27 January, 2024 22:28:12 UTC
by Jeff - LastModif
- Tuesday 10 February, 2026 23:58:21 UTC