WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: background animation issues

for

Number of posts in this thread: 3 (In chronological order)

From: Joseph Sherman
Date: Thu, Jul 06 2017 9:46AM
Subject: background animation issues
No previous message | Next message →

For background animations, I assume issues such as color contrast and pause/play buttons need to be addressed just as for regular animations? How can you pause background animation?

For example see http://www.citytech.cuny.edu/african-studies/

Joseph

From: Karl Brown
Date: Thu, Jul 06 2017 9:54AM
Subject: Re: background animation issues
← Previous message | Next message →

For both I'd say "yes".

Colour contrast is between the background and the text, so background
videos are covered the same way a background image would be.

For play/pause buttons, the video is a distraction so the user should be
able to stop the video. It'd be good to set a cookie or something if the
user pauses the background video so as they're navigating the site they
don't have to stop it on every page.

On Thu, Jul 6, 2017 at 4:46 PM, Joseph Sherman < = EMAIL ADDRESS REMOVED = >
wrote:

> For background animations, I assume issues such as color contrast and
> pause/play buttons need to be addressed just as for regular animations? How
> can you pause background animation?
>
> For example see http://www.citytech.cuny.edu/african-studies/
>
> Joseph
>
> > > > >



--
Karl Brown
Twitter: @kbdevelops
Skype: kbdevelopment

Professional Certificate Web Accessibility Compliance (Distinction),
University of South Australia, 2015

From: Beranek, Nicholas
Date: Thu, Jul 06 2017 10:00AM
Subject: Re: background animation issues
← Previous message | No next message

Joseph, I would supply the <video> element with the "controls" attribute. That should satisfy for pause/stop.

I'd like to note that video controls' keyboard accessibility differs by browser. You may want to supply your own if you're up to it. There are a lot of events you can listen for: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

Good luck!

Nick Beranek
Capital One