[Tutorial Feedback] Accessible Carousel

Hi,

I was tabbing through the following tutorial for a carousel and had a few concerns and suggestions
https://www.w3.org/WAI/tutorials/carousels/working-example/

The tab key takes you to previous and next buttons, but never to the panel of the carousel itself. This rules out the possibility for using calls to action in the panels.
Further, it is unclear how screen readers are mean to read upon entering the carousel. If they say 'Next button', and the user presses enter, a new panel appears and the screen reader will read the content of that panel. Now since the keyboard focus is still on the next buttons, how will a screen reader communicate that the user can see the next panel by pressing return again?

I suggest, as do other designers over certain forums, that tabs should take users from one panel to another directly. A 'skip' option could be placed before the starting with the carousel content.

Thank you

Sincerely,
Saurabh Gangadharan
Product Designer
Dell Technologies | Dell Digital Design
Saurabh_Gangadharan@Dell.com<mailto:Saurabh_Gangadharan@Dell.com>

Received on Monday, 26 October 2020 23:30:07 UTC