Pseudo-Elements Override Users' Accessibility and Safety Css

[MarjaE2]

I'm not sure where to report this. I thought it was a bug in Firefox, but it seems like a bug in the css standard. I'm posting here because of the accessibility and safety issues.

https://bugzilla.mozilla.org/show_bug.cgi?id=1865572

Apparently the current css standards allow ::before and ::after pseudo-elements to override users' css.

I assume there are other user-end cases, but here's mine.

"Smooth" and "ease" animation are everywhere, and they reliably trigger my migraines. So I've tried using the following user css to block these; they work on some elements, but fail on ::before and ::after pseudo-elements with their own timing functions.

*{animation-timing-function: step-start !important}
*{transition-timing-function: step-start !important}

There may be a work-around using more css, but disabled users should not have to become programmers to use the web without getting hurt.

[MarjaE2]

Likewise, "shadow" elements interfere with accessibility add-on.