E-mail List Archives
Thread: Volume Progress Bar
Number of posts in this thread: 5 (In chronological order)
From: JP Jamous
Date: Tue, Nov 01 2016 10:41AM
Subject: Volume Progress Bar
No previous message | Next message →
Folks,
I have a third-party vender that created a video player with a volume
progress bar. What would be the best way to implement ARIA so SR users can
hear how high or low they have set the volume?
Any samples or steps will be highly appreciated.
From: Patrick H. Lauke
Date: Tue, Nov 01 2016 11:30AM
Subject: Re: Volume Progress Bar
← Previous message | Next message →
On 01/11/2016 16:41, JP Jamous wrote:
> I have a third-party vender that created a video player with a volume
> progress bar. What would be the best way to implement ARIA so SR users can
> hear how high or low they have set the volume?
Surely volume is a slider, rather than a progress bar? Or is it simply
non-interactive?
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: Beranek, Nicholas
Date: Tue, Nov 01 2016 1:22PM
Subject: Re: Volume Progress Bar
← Previous message | Next message →
Hey JP,
Patrick, I was thinking the same thing. I would follow the Slider design pattern[1]. Pass into the aria-valuetext property the current percentage (e.g. "50%") in conjunction with the required aria-valuenow property. This will assist screen reader users in perceiving the current value. I hope this helps.
[1] https://www.w3.org/TR/wai-aria-practices-1.1/#slider
Nick Beranek
Capital One
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Patrick H. Lauke
Sent: Tuesday, November 01, 2016 1:31 PM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] Volume Progress Bar
On 01/11/2016 16:41, JP Jamous wrote:
> I have a third-party vender that created a video player with a volume
> progress bar. What would be the best way to implement ARIA so SR users
> can hear how high or low they have set the volume?
Surely volume is a slider, rather than a progress bar? Or is it simply non-interactive?
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 The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.
From: JP Jamous
Date: Wed, Nov 02 2016 3:49AM
Subject: Re: Volume Progress Bar
← Previous message | Next message →
Thank you guys. I will review those at my earliest convenience.
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Beranek, Nicholas
Sent: Tuesday, November 1, 2016 2:22 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Volume Progress Bar
Hey JP,
Patrick, I was thinking the same thing. I would follow the Slider design pattern[1]. Pass into the aria-valuetext property the current percentage (e.g. "50%") in conjunction with the required aria-valuenow property. This will assist screen reader users in perceiving the current value. I hope this helps.
[1] https://www.w3.org/TR/wai-aria-practices-1.1/#slider
Nick Beranek
Capital One
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Patrick H. Lauke
Sent: Tuesday, November 01, 2016 1:31 PM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] Volume Progress Bar
On 01/11/2016 16:41, JP Jamous wrote:
> I have a third-party vender that created a video player with a volume
> progress bar. What would be the best way to implement ARIA so SR users
> can hear how high or low they have set the volume?
Surely volume is a slider, rather than a progress bar? Or is it simply non-interactive?
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: JP Jamous
Date: Wed, Nov 02 2016 4:11PM
Subject: Re: Volume Progress Bar
← Previous message | No next message
Patrick,
The video player is not accessible at this point. I tried to look at the DOM and was able to identify that there are 2 buttons that would increase and decrease the volume.
I am assuming that adding the proper ARIA attributes to each function executed by each button should do the trick. That simplifies the issue.
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Patrick H. Lauke
Sent: Tuesday, November 1, 2016 12:31 PM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] Volume Progress Bar
On 01/11/2016 16:41, JP Jamous wrote:
> I have a third-party vender that created a video player with a volume
> progress bar. What would be the best way to implement ARIA so SR users
> can hear how high or low they have set the volume?
Surely volume is a slider, rather than a progress bar? Or is it simply non-interactive?
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