1435647 - Top Bars/Sticky Headers often animate, some flash, can trigger migraines and possibly seizures

Status: UNCONFIRMED

(Core :: Web Painting, enhancement)

Description

[MarjaE]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:56.0) Gecko/20100101 Firefox/56.0.4 Waterfox/56.0.4
Build ID: 20180202191140

Steps to reproduce:

I use the web.


Actual results:

Many sites use top bars/sticky headers. Some have these animate and change shape as users scroll down. Some have these flash as users scroll down. Sometimes they flash repeatedly. Maybe it's because the flash can interrupt my scrolling...?

These things often trigger my migraines and the flashing ones may trigger some users' seizures.


Expected results:

No sites should use top bars/sticky headers.

Failing that, browsers such as Firefox should have tools for users to protect ourselves from animation and especially from flashing.

I've tried using Sticky Ducky but it doesn't quite work. https://addons.mozilla.org/en-US/firefox/addon/sticky-ducky/

Comment 1

[Cristina Badescu [:cbadescu], Experiments QA]

This seems to be more of an enhancement than an issue in my opinion. 
However, I am assigning a component to this issue in order to involve the development team and get an opinion on this.

In order to overpass this issue, you could select View -> Page Style -> No style and the page will be displayed without any animation or flashes.

Comment 2

[MarjaE]

Is there any way to do that *before* getting strobed?

Comment 3

[MarjaE]

Some Stackexchange discussions indicate that images jumping and flashing is a common problem when setting up the accursed headers. So that web developers need to leave extra space. For example:

https://stackoverflow.com/questions/19169499/my-images-jump-half-way-down-on-fixed-header

Because of my visual issues, not only am I vulnerable to the jumping and flashing, I have to set my own fonts and minimum font sizes-- which may well break the above fix. I haven't been able to use full-page zoom, because it enlarges *everything* and because it causes several bugs with scrolling.