WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Volume Progress Bar

for

From: JP Jamous
Date: Nov 2, 2016 3:49AM

Thank you guys. I will review those at my earliest convenience.



-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Beranek, Nicholas
Sent: Tuesday, November 1, 2016 2:22 PM
To: WebAIM Discussion List < <EMAIL 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 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