WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Netflix style carousel - navigating with arrow keys

for

From: Bryan Garaventa
Date: Dec 7, 2023 3:27PM

I don't recommend the use of role=application, mainly because it then causes issues for screen reader users who may not understand the pronunciation of some text and then they will have difficulty reviewing it out in word by word or even character navigation.

It's always best to provide accompanying buttons for previous and next slide navigation, not just for screen reader users but also for touch device users.

Here is an example that uses this method, and also includes left-right arrow navigation for sighted keyboard users.
https://whatsock.com/Templates/Carousels/Slideshow/index.htm

All the best,
Bryan