If you have to use a carousel, it doesn’t have to be complicated. Chris runs through some of the options out there. It turns out you can get surprisingly far with CSS alone.
I like this nice straightforward approach. Instead of jumping into the complexities of the final interactive component, Chris starts with the basics and layers on the complexity one step at a time, thereby creating a more robust solution.
If I had one small change to suggest, maybe
aria-label might work better than offscreen text for the controls …as documented by Heydon.
This may be the only slideshow on a website I’ve ever actually bothered to click all the way through.
I hate carousels, but if you’re going to have one, this progressively enhanced approach looks pretty good.
Carousels are shit. Auto-animating carousels are really shit. Now proven with science!
I’ve never been a fan of carousels on websites, to put it mildy. It seems I am not alone. And if you doubt the data, ask yourself this: when was the last time you, as a user, interacted with a carousel on any website?
This is something we’ve previously had to build from scratch at Clearleft so it’s nice to see an off-the-shelf solution.