Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleMore information...

Moving content

What to do

Users should be able to pause, stop, or hide moving, blinking, or scrolling information that starts automatically, lasts more than five seconds, and is presented along with other content.

...

Blinking content that lasts more than five seconds can be distracting to users with learning disabilities and users with low vision.

Examples

Section
Column
width50%
Tip
titleBetter moving content

New blog posts on a web site are highlighted with an animated image that blinks the word "New" when the page is loaded. The image stops blinking within five seconds.

Column
width50%
Warning
titlePoor moving content

New blog posts on a web site are highlighted with an animated image that blinks the word "New" when the page is loaded. The image never stops blinking.

Flashing content

What to do

...

Flashing can cause seizures if the flashes are bright and large enough.

Examples

Examples of ensuring content does not violiate flash threshold

Resources:

...

Section
Column
width50%
Tip
titleBetter flashing content

A video of a thunderstorm that shows several flashes of lightning very fast and large is slowed down so there is a sufficient pause after each flash to avoid violating the general flash threshold.

Column
width50%
Warning
titlePoor flashing content

A video of a thunderstorm shows several flashes of lightning so fast and large that the general flash threshold is violated.

Expand
titleTools...
Expand
titleMore information on timed content accessibility...

Content by Label
showLabelsfalse
max50
showSpacefalse
sorttitle
cqllabel = "accessibility" and space = currentSpace()

...