Cover moving/animated content

[yatil]

Branching from issue #1 – What do we need to address moving or animated content in Easy Checks?

[shawna-slh]

Draft for review and comment!

Moving Content

Moving content includes "carousels" such as below, videos, ads, auto-updating stock tickers, and more. Users need to be able to control moving content, especially some people with attention deficit or visual processing disorders.
[put this carousel here: https://www.w3.org/WAI/tutorials/carousels/animations/#c ]

There are two potential accessibility problems with moving content:

1. Understanding moving information — Some people read and process information slowly. The content may disappear before people have time to read it. Some people have trouble tracking moving objects.
2. Distraction from moving content — Moving content can make focusing and reading elsewhere difficult; that is, people cannot focus on some content because the movement in another area of the web page grabs their attention.

What to check for:

• Check if there is any moving, blinking, or scrolling information that starts automatically and lasts more than five seconds. If there is, check that there is a way for the user to pause, stop, or hide the movement.
• Check if there is any auto-updated information (such as stock price). If there is, check that there is a way for the user to pause, stop, or hide the updated information, or for the user to control the frequency of the update.

To learn more about moving content

• Pause, Stop, Hide - Understanding Success Criterion 2.2.2 for WCAG 2.0 (Level A)
• Carousel Animations – WAI Web Accessibility Tutorial

[sharronrush]

Excellent presentation of the issue, thanks Shawn!
2 things:

1. When you say "carousels such as below" do you mean to include the graphic within the page itself or just link to it? Since we link to the Carousels Tutorial in the followup neither may be necessary. Not a strong feeling, just a note.
2. "Getting moving information" is an awkward phrase, IMO. Suggest "Understanding moving information" or "Reading moving text" or something less confusing.

Overall, really great, thanks!

[shawna-slh]

Thanks for quick comments, Sharron!

I added "put this carousel here:" above to make that clear. I'm not sure whether or not we want it there -- it might be too attention-grabbing. ;-) I think we'll want to look at it place -- that is in the actual Easy Checks document -- to decide...

+1 to "Understanding moving information" -- I updated it above.

[vuxcaleb]

@slhenry This is fantastic!!!

[vuxcaleb]

Pull request with added Moving Content check has been made.

[shawna-slh]

Discussion moved to #27