E-mail List Archives
Thread: background video pause/play?
Number of posts in this thread: 5 (In chronological order)
From: Joseph Sherman
Date: Tue, Aug 15 2017 7:06AM
Subject: background video pause/play?
No previous message | Next message →
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?
Joseph
From: JP Jamous
Date: Tue, Aug 15 2017 7:15AM
Subject: Re: background video pause/play?
← Previous message | Next message →
Joseph,
It is not impacting SR users. Yet, you should not have it looping for low vision users.
If it runs once and stops, I will allow it to pass. However, the looping is of a concern. What if it causes problems to some low vision or color-blind users/cognitive users?
Why not place a button somewhere on the page. When the user presses that button the background video stops. I would make the button accessible for both visual and SR users. Just in case, a low vision user is using it with a magnification software. If the user is having a hard time finding the button the speech output would help that user a bit. Additionally, if I am running it and my sighted friends complain about it, I can stop it using JAWS.
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Joseph Sherman
Sent: Tuesday, August 15, 2017 8:06 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] background video pause/play?
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?
Joseph
---
This email has been checked for viruses by AVG.
http://www.avg.com
From: Patrick H. Lauke
Date: Tue, Aug 15 2017 7:20AM
Subject: Re: background video pause/play?
← Previous message | Next message →
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
From: Birkir R. Gunnarsson
Date: Wed, Aug 16 2017 5:17AM
Subject: Re: background video pause/play?
← Previous message | Next message →
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 ADDRESS 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.
From: JP Jamous
Date: Wed, Aug 16 2017 7:16AM
Subject: Re: background video pause/play?
← Previous message | No next message
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 ADDRESS REMOVED = ] On Behalf Of Birkir R. Gunnarsson
Sent: Wednesday, August 16, 2017 6:18 AM
To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS 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