Welcome page has too much animation with prefers-reduced-motion
Categories
(Firefox :: Messaging System, enhancement, P5)
Tracking
()
People
(Reporter: erwinm, Unassigned)
References
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:88.0) Gecko/20100101 Firefox/88.0
Steps to reproduce:
-
Use system settings to reduce motion.
-
Open about:welcome in FF 89 or above. Currently that's FF Nightly.
Actual results:
There is a lot of flashing in each of the resulting pages.
Expected results:
Since users may not be able to set our own Firefox accessibility prefers before starting Firefox, about:welcome should defer to system accessibility prefs.
|
||
Comment 1•4 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Firefox::Messaging System' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•4 years ago
|
||
Could you clarify what you see with a screenshot and describing what motion you see? You also mention "FF 89" and "Nightly" but the latter is currently 90, so unclear if you're using an old version or some other version.
Do you see stuff with motion or do you see stuff flashing/fading or something else?
It starts with animation in the lower right corner, then animation in the center.
|
|
||
Comment 6•4 years ago
|
||
It does sound like you're seeing the new transitions in Nightly 90. The animations do get reduced to just fades when the OS setting indicates reduce motion. If the reduce motion OS setting is turned off, there is additional motion.
|
|
||
Comment 7•4 years ago
|
||
Per comment 0 and later comments clarifying, it sounds like Welcome page does follow prefers-reduced-motion as opposed to ignoring it.
Well, it still has too much animation, which still can trigger migraines.
|
||
Comment 9•4 years ago
|
||
NI Emily to help get it accessibility reviewed, thanks
|
||
Comment 10•4 years ago
|
||
I just read through https://webkit.org/blog/7551/responsive-design-for-motion/ again (and though it doesn't cover every possible case, it does cover the primary triggers the preference was created to avoid) and I don't think the fade-ins on the page are going to be a widespread trigger.
|
|
||
Comment 11•4 years ago
|
||
Seems like replacing motion with fades is a common approach, e.g.,
- looping bounce animation is replaced with a fade in animation
- animated effects like color fades, opacity changes and small changes in scale are unlikely to be problematic
- use a non-motion effect like an opacity fade or crossfade for reduced motion requests
So it sounds not so much of an accessibility issue but more of a personal preference to not have any animations.
|
||
Comment 12•4 years ago
|
||
for P5 designation, changing this to an enhancement request. (instead of wontfix)
Description
•