1635663 - "replace indefinite animations demo" isn't safe

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: General, defect)

Description

[MarjaE]

What did you do?

1. Visited this page to try to get a lead on another bug: https://developer.mozilla.org/en-US/docs/Web/API/Animation#Automatically_removing_filling_animations
2. Opened the linked demo: https://mdn.github.io/dom-examples/web-animations-api/replace-indefinite-animations.html
3. Got migraine

What happened?

1. It has a ton of animation.

2. It has a ton of flashing as it stutters.

What should have happened?

I realize it's an animation demo, but it doesn't have to be that bad.

1. A description of the animation on the source page-- it adds a red box which will follow the mouse.

2. The test page probably shouldn't start on, and should probably list a keyboard command (space bar?) to turn it on and off without using the mouse, especially since the animation follows if we use the mouse and can blind users.

Is there anything else we should know?

Using Firefox 76, on MacOS Mojave, external monitor, strobe and visual motion sensitivities, can't safely use any browser without css, add-ons, and other safety fixes.

Comment 1

[MarjaE]

P.S. Missed this but 700 nm is about the worst for seizures, so I suggest avoiding red in similar demos.

Comment 2

[Chris Mills [:cmills]]

I'm so sorry that my demo gave you a migraine, Marja.

I've updated the demo so that now it is activated by space bar, click, or tap. It doesn't instantly animate. Does this fix the problem for you? I'll certainly me more mindful of this kind of issue in the future.

Comment 3

[MarjaE]

Thank you.