Carousel accessibility best practices

Best Practice

• Provide a pause button and do NOT use autoplay (this can cause seizures).
• All slideshow/carousel navigation and pause/play buttons must be keyboard accessible and have adequate color/contrast ratios.
• Also make sure the hover and focus states are visibly obvious.

1. How can carousels be problematic for users with disabilities?
2. Are website sliders accessible?

How can carousels be problematic for users with disabilities?

For auto-playing carousels, having content automatically disappear can cause loss of focus for screen reader and keyboard users that are reading or have keyboard focus on that content when it animates away. This can force the user back to the top of the page.

Are website sliders accessible?

While it is entirely possible to include sliders on your website in an accessible way, doing so requires special care and attention.