E-mail List Archives

Search E-mail List Archives for

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

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.

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.