1773330 - If users set prefers-reduced-motion, do not allow sites to animate headers

Status: UNCONFIRMED

(Core :: CSS Transitions and Animations, enhancement)

Description

[MarjaE]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:101.0) Gecko/20100101 Firefox/101.0

Steps to reproduce:

Visited

https://encyclopedia.1914-1918-online.net/article/german_spring_offensives_1918

IMPORTANT: MIGRAINE WARNING FOR THE LINK

With prefers-reduced-motion, with smooth scrolling and autoscroll disabled, etc.

Actual results:

Paged Down to avoid possible animation.

Hit by severe animation anyway.

Got migraine.

Expected results:

Firefox should help users protect themseves.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

I'm shifting this to the CSS Transitions and Animations component for further analysis. Please let me know if that's not the appropriate target component. Thank you!

Comment 3

[MarjaE]

Not just a css issue. Google uses Javascript to animate their headers. First the things scroll out of the way, then they slide back, so different parts of the page or moving in opposite directions.

I've tested in Firefox and Safari, so it's not just Firefox that fails to block this pain.

Some of Mozilla's sites also have animated headers.

Comment 4

[MarjaE]

Attachment: (Migraine warning) animatiion on Google

Comment 5

[MarjaE]

Attachment: Animation on Mozilla support

Comment 6

[MarjaE]

Basically an updated duplicate of my previous bug 1435647.