WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Volume Progress Bar

for

From: Beranek, Nicholas
Date: Nov 1, 2016 1:22PM

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 REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Tuesday, November 01, 2016 1:31 PM
To: <EMAIL 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.