Key takeaways
- Clients usually request homepage carousels to settle internal arguments over homepage space, not because sliders help visitors.
- In Notre Dame’s widely cited tracking, about 1% of homepage visitors clicked a carousel feature, and 89% of those clicks went to the first slide.
- Rotating sliders split the message, add choice overload, slow pages and often break on mobile.
- Auto-rotating content must have a pause control under WCAG success criterion 2.2.2 if it moves for more than five seconds.
- Offer a focused alternative, such as a single hero, a split hero or tabs, and settle disagreements with an A/B test.
| Question | Short answer |
|---|---|
| What does the research say about carousel performance? | Carousel testing found that most visitors never interact with homepage carousels, and those who do mostly engage with the first slide. |
| How do carousels damage conversion rates? | Carousels dilute the message, overload visitors with choices and slow the page. |
| What accessibility and technical problems do carousels cause? | Carousels can fail accessibility requirements and create layout instability, which carries legal and search consequences beyond marketing results. |
| What should you build instead of a carousel? | A focused layout that gives each audience a clear path without hiding content behind rotation. |
| How do you have the carousel conversation without losing the client? | Start with the problem the client wants to solve and bring an alternative instead of a flat no. |
| How do you build web experiences that work for your clients? | Treat the homepage as a decision tool rather than a bulletin board. |
Rotating hero carousels are one of the most common web design requests and one of the most consistently disappointing features. Years of usability research and tracking point the same way: homepage sliders draw little engagement, dilute conversion and create accessibility problems. Clients still ask for them. This Emulent guide explains why, what the data shows and how to steer the conversation toward something that works.
Why do clients keep asking for carousels?
Usually because the carousel solves an internal problem rather than a visitor problem. When a client asks for a slider, they are often asking for a truce between teams that each want space at the top of the homepage. That organizational problem deserves a real solution, and a rotating banner is not one.
- Several departments want above-the-fold placement, and a carousel lets marketing, product and leadership each get a slide.
- Competitors use them, so clients assume they work.
- Some clients want the page to feel lively and see a static hero as dull, even when it performs better.
- Many people believe more messages at the top will hold attention, when more messages usually mean less clarity.
What does the research say about carousel performance?
Carousel testing found that most visitors never interact with homepage carousels, and those who do mostly engage with the first slide. The most cited data comes from Erik Runyon’s tracking of Notre Dame websites: over six months in 2013, 1.07% of ND.edu homepage visitors clicked a carousel feature, and 89.1% of those clicks went to the first position, with the second getting 3.1%. Notre Dame’s more focused sites saw somewhat higher interaction, but the first slide still dominated. Nielsen Norman Group’s usability testing has reached similar conclusions about auto-forwarding carousels annoying users and reducing visibility.
- The first slide gets most of the attention, so anything not on it is seen by very few visitors.
- Moving banners resemble display ads, and visitors tend to ignore anything that looks like an ad.
- Auto-rotation interrupts reading: when a slide changes mid-sentence, the visitor has to reorient, which raises the mental effort the page demands.
- A single static hero with one clear call to action usually earns more clicks than a rotating set of offers.
A caveat: the Notre Dame data is from 2013 and from university sites. Product image carousels on ecommerce pages behave differently. A Smashing Magazine study of mobile ecommerce found far more interaction with product galleries, because shoppers want to see more angles of an item they are considering. The case against carousels is strongest for promotional homepage sliders.
How do carousels damage conversion rates?
Carousels dilute the message, overload visitors with choices and slow the page. Conversion rate is the share of visitors who take a desired action, such as buying, signing up, calling or submitting a form, and carousels erode it in several ways.
- Splitting the message across slides means most visitors never see the full story.
- Presenting several offers at once can cause choice overload, where people choose nothing.
- Multiple large images add page weight and can hurt Largest Contentful Paint, one of Google’s Core Web Vitals, unless only the first image loads up front.
- On phones, text becomes hard to read, images crop badly and swipe gestures conflict with scrolling.
In Emulent’s homepage reviews, replacing a slider with one focused hero section and a single call to action has usually improved engagement. That is our experience across client sites rather than a controlled study, which is why testing is worth the effort.
What accessibility and technical problems do carousels cause?
Carousels can fail accessibility requirements and create layout instability, which carries legal and search consequences beyond marketing results.
- WCAG success criterion 2.2.2, Pause, Stop, Hide, requires a way to pause, stop or hide content that moves automatically for more than five seconds alongside other content.
- Auto-rotation can disrupt screen readers and keyboard users, who may lose their place when slides change.
- Slides of different heights can shift the layout, raising Cumulative Layout Shift.
- Fast transitions or flashing content can trigger photosensitive reactions, which WCAG’s three-flashes rule addresses.
Accessibility carries legal weight as well as ethical weight. Lawsuits over inaccessible websites are common under the ADA, and public entities face a WCAG 2.1 AA requirement under the Justice Department’s Title II rule.
What should you build instead of a carousel?
A focused layout that gives each audience a clear path without hiding content behind rotation. These options are usually quicker to build and produce cleaner pages.
- A single static hero with one headline, one supporting sentence and one call to action, which wins most head-to-head tests.
- Tabs that let visitors choose which message to view, keeping several messages available without motion.
- A split hero that lets visitors pick their path, such as homeowners versus businesses, which also resolves competing stakeholder demands.
- Subtle scroll-triggered animations further down the page for clients who want motion, keeping the top of the page clean.
How do you have the carousel conversation without losing the client?
Start with the problem the client wants to solve and bring an alternative instead of a flat no. Telling a client carousels are bad puts them on the defensive. The homepage is not a company newsletter; it should move the right visitor to the right next step.
- Ask what the carousel is meant to achieve. “We need to show multiple promotions” is a content strategy problem, not a design one.
- Share evidence rather than opinion: interaction data, Core Web Vitals and WCAG requirements.
- Bring a wireframe of the alternative so the client can picture it.
- Address stakeholder conflict directly by offering other homes for secondary messages, such as a promotions page or content blocks lower on the page.
- If the client still wants a slider, propose an A/B test with agreed goals, and if one ships, make it manual-advance with visible controls and the strongest message first.
How do you build web experiences that work for your clients?
Treat the homepage as a decision tool rather than a bulletin board. Carousels are popular because they ease internal politics, but usability data, accessibility rules and performance metrics all favor a focused hero with one clear call to action. Emulent reviews websites, finds design choices that hurt performance and builds pages that turn visitors into leads. If you are working on a site where design choices are getting in the way of results, contact the Emulent team.