WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: background video pause/play?

for

From: Birkir R. Gunnarsson
Date: Aug 16, 2017 5:17AM

Per WCAG 2.2.2, any content that,
a. sstarts automatically and,
b. lasts for more than 5 seconds
must offer a way for the user to stop it.
It doesn´t matter if it is a video, animated background images,
carousels or something else.
Auto updating content can make the page near impossible to read for
people with cognitive disabilities, and certain types of automation
cause screen reader buffers to refresh, amking page navigation with a
screen reader difficult. I think video is not one of those.
If you use the <video> element with the controls attribute, the video
controls are fairly accessible to keyboard and screen reader users
(including the @pause@ button(.
You could also implement it so that the video stops automatically when
user mouses over the page content (or presses the tab key.
Looping videos are the worst, especially if they are loud.
Sure, I love my Breadfish
(http://weebls-stuff.com/toons/the-marvelous-breadfish/) but it is
hard to concentrate on the page (or hear it with a screen reader).




On 8/15/17, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
> On 15/08/2017 14:06, Joseph Sherman wrote:
>> Does background video that loops more than 5 seconds also need pause and
>> play buttons? For example the video here:
>> http://www.citytech.cuny.edu/academics/
>>
>> Is there an easy way to add pause to background video?
>
> Define "easy"...it all depends on how the video itself has been
> incorporated. In the example above, it's an HTML5 <video> element, and
> the pause control that's already present there on the left-hand side
> (which should really be keyboard-focusable!) fires the pause() method on
> the <video> element programmatically.
>
> P
> --
> Patrick H. Lauke
>
> www.splintered.co.uk | https://github.com/patrickhlauke
> http://flickr.com/photos/redux/ | http://redux.deviantart.com
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > > >


--
Work hard. Have fun. Make history.