Carousels and Usability- find a better way

Carousels have become a very popular solution to display more than one important feature on a website. It is imperative to understand that from a user perspective, carousels have proven over and over to be ineffective and can create issues with accessibility. Please use a hero image instead.

“Carousels allow multiple pieces of content to occupy a single, coveted space. This may placate corporate infighting, but on large or small viewports, people often scroll past carousels. A static hero or integrating content in the UI may be better solutions.” -Nielsen Norman Group

Why we don't use carousels:

  • Users scroll past this area because it is perceived as “advertisement space”
  • Carousels often annoy users
  • Users almost never see past the first slide, so all other information is missed.

Create a hero image instead:

A hero image is a website design term used to describe an oversized banner image at the top of a website.

  • Use a powerful image
  • Focus on one sentiment
  • Make sure there is ample contrast and font size when using text over an image.
  • Include a clear call to action over the hero image, so it is not simply aesthetic.
  • Change out your content so that it remains relevant.
  • Be sure that hero content is also placed mindfully in the information architecture and on another page of your site to increase findability.
  • For great examples, visit or