Tag: Seizures

‘Animation from Interactions’ requires that users can disable motion animation.

Introduction

Animations on a website can distract users and, in some cases, cause nausea. Avoiding animated elements triggered by the user (for example parallax scrolling or a ‘page loading’ animation) can help these users enjoy the website.

How to Pass ‘Animation from Interactions’

• Don’t use motion animation on your website; or
  
• Allow users to disable all non-essential motion animation.

Exceptions

Animation that’s essential to a website’s function or information, if the same cannot be achieved by other means. 

‘Animation from Interactions’ Tips

“Motion animation” means adding steps to states, such as making a bar chart appear to grow from 0 to 100, rather than loading it at 100.

Add a site-wide control to the top of your website to allow the user to turn off non-essential animation.

This doesn’t mean websites with animation can’t pass, as an animated video would be fine if the purpose of the page was to display that animated video. It’s decorative animation you should seek to avoid or allow users to turn off.

See Also

• Pause, Stop, Hide
• Understanding Success Criterion 2.3.3 (W3C)

No content flashes more than three times per second.

Introduction

Flashing content on a website can cause difficulties for users with photosensitive seizure disorders such as epilepsy. Flashing content can cause these users to suffer a seizure.

How to Pass ‘Three Flashes’

Don’t add anything to your website that flashes more than three times per second.

‘Three Flashes’ Tips

Remember, flashing is different to blinking. Blinking can distract users but doesn’t cause seizures. 

If blinking content occurs three times per second, it is considered flashing content.

This removes the exception from Level A.

See Also

• Pause, Stop, Hide
• Three Flashes or Below Threshold
• Understanding Success Criterion 2.3.2 (W3C)