WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: background video pause/play?

for

From: JP Jamous
Date: Aug 16, 2017 7:16AM

I agree with Birkir. That was my recommendation to you Joseph, but broken down in a simple way.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Wednesday, August 16, 2017 6:18 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] background video pause/play?

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
> > > archives at http://webaim.org/discussion/archives
> >


--
Work hard. Have fun. Make history.
---
This email has been checked for viruses by AVG.
http://www.avg.com