Play/Pause and Screen Reader

Feb 03, 2021

I am working on an accessible course. I notices the play/pause button for audio in the player is read by the screen reader as a toggle button. It does not indicate to a screen reader whether to play or pause. Can you programmatically change this button to read to a screen reader as "Play/Pause Button"?

1 Reply
Katie Riggio

Hey there, Ellenina!

That's an excellent question. One approach is to customize the text of these text labels:

1

For lines 84 and 86, you could add "audio" after each verb (i.e., "pause audio" and "play audio"). Here's a quick video demo!

Want to test-drive how this could sound on your side? Open your screen reader and then try this sample published output

Let me know if you have any more questions!

Related Reading