Learus / react-material-ui-carousel

A Generic carousel UI component for React using Material UI.
MIT License
552 stars 220 forks source link

Automatically focus on carousel slide for accessibility #156

Open alexhippo opened 2 years ago

alexhippo commented 2 years ago

Hi there,

I am trying to make my carousel more accessible by following the WCAG guidelines and following this tutorial from W3C.

The W3C Web Accessibility tutorial recommends focusing on the currently displayed carousel item or slide when the user selects a slide with the navigation buttons.

I think it would be great if the library can:

This would make the carousel more accessible to screen reader users or users who mainly use a keyboard to navigate around.

Thanks! Appreciate your work on this library by the way 🙂

Learus commented 2 years ago

Interesting idea. Are you thinking of a simple boolean value, explaining if the change happened because of user interaction? Or are you thinking of a complex event parameter?