WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Question on descriptive control labels

for

From: Priti Rohra
Date: Apr 7, 2022 4:17AM

Hello,

Yes "Play" is the label we screen reader users listen while accessing
audio or video files online. The advantage of using the HTML <audio>
and <video> tags is that Jaws tells us "Audio starts" or "Video
starts".
This gives us an indication if we will be playing an audio or video.
Defining a region with a suitable label also helps to understand what
we are about to deal with.

Would be great if more context can be added to the control labels
especially when a page includes multiple audio/video's. May be giving
authors an option to add more context to the control label using the
text available near by is a good option to consider.

Always BPositive!
Priti Rohra


On 4/6/22, Kian Badie < <EMAIL REMOVED> > wrote:
> I am creating a custom audio player, and I am confused on how to label the
> buttons. For example, I currently label the play button with just
> aria-label="Play" but I can't tell if that is sufficient for a non-sighted
> user. For me, If I see a play button and a time scrubber scrubber grouped
> together I can guess it is an audio player. But if a screen reader just
> announces "play button", is that enough?
>
> I am having trouble finding resources online that clarify this. MDNs
> "Accessible multimedia" article (
> https://developer.mozilla.org/en-US/docs/Learn/Accessibility/Multimedia)
> mentions nothing on this. It looks like able player (
> https://ableplayer.github.io/ableplayer/) adds a label to the container
> element and gives it a region role. It looks like that gives a more
> descriptive screen reader announcement. While that is a clue for me on how
> to write things, I haven't seen much else online describing this technique.
> Any insight would be much appreciated!
>
> Thank you,
> Kian Badie
> > > > >