Pause/play button doesn’t have aria-label attribute | ww.wp.xz.cn

Resolved linabalciunaite
(@linabalciunaite)

10 months, 2 weeks ago
The play/pause button doesn’t have aria-label attribute what makes invisible to the screen readers. Now the screen readers just announce “link” and that’s all. So the user will remain confused: what link, it leads where? (no text, no title). And it shouldn’t be link, it should be <button>
```
<a href="#" class="flex-pause"></a>
```

Viewing 1 replies (of 1 total)

Plugin Author rochdesigns
(@rochdesigns)

10 months, 2 weeks ago

Hi @linabalciunaite

Thanks for the feedback! You’re right, the play/pause link should have an aria-label so screen readers can announce its purpose. While we can’t replace the <a> with a <button> due to FlexSlider’s core HTML, it already includes role="button", which helps.

To fix the missing label, you can add this script to your site:
🔗 https://gist.github.com/rochdesigns/23ca20acd8c886622b5c8e6e33be4f22

This will add the appropriate aria-label based on the play/pause state.

Viewing 1 replies (of 1 total)

The topic ‘Pause/play button doesn’t have aria-label attribute’ is closed to new replies.

1 reply
2 participants
Last reply from: rochdesigns
Last activity: 10 months, 2 weeks ago
Status: resolved