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