Loading...
 
Skip to main content

Honor the browser's "prefers-reduced-motion" CSS media query and automatically turn off animations for accessibility

  • Tracker item actions
Trackers Items
Status
Open
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
Fix on the Way
Submitted by
Jeff
Lastmod by
Ushindi Gedeon
Rating
(0)
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_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+
Please demonstrate your bug on show2.tiki.org
Demonstrate Bug (older Tiki versions)
 Show.tiki.org is currently unavailable

Unable to connect to show.tikiwiki.org. Please let us know of the problem so that we can do something about it. Thanks.

Ticket ID
8582
Created
Saturday 27 January, 2024 22:28:12 GMT-0000
by Jeff
LastModif
Sunday 13 April, 2025 20:39:05 GMT-0000