Carousel Content Guidelines

The Carousel Content lets you highlight important text-based information with a visual splash — choose from an animated background, static pattern, or upload your own background image.

It is designed for text-first content, not image slideshows — usability studies consistently show that users rarely interact with image-only carousels. If showcasing images is your goal, see Wrong Tool for the Job? below.

Quick Reference Guide

Element Aim For Avoid
Heading 3–8 words Full sentences, wrapping text
Description 1–2 sentences (15–25 words) Paragraphs
Call-to-Action Button 2–5 words Vague or long labels

Note: While there is no formal WCAG character limit standard, accessibility guidance supports concise, scannable text that reflows properly on smaller screens. See WCAG 2.2: Reflow and W3C Writing Tips.

See full descriptions for each element listed below.

The heading is the first thing a visitor sees. Make it count.

Best practices:

  • Aim for 3–8 words, ideally under 50–60 characters
  • Use a quick, impactful "hook" — not a full sentence or paragraph
  • Avoid headings that wrap across multiple lines, especially on mobile

Why brief headings matter:

  • Users scan, not read. Visitors scroll past sliders quickly; a long heading will be missed.
  • Space is limited. Lengthy headings wrap awkwardly and can obscure the background.
  • Mobile matters. A heading that fits on one line on desktop may span 3–4 lines on a phone.
  • Accessibility. Screen reader users navigate more efficiently when headings are concise and descriptive. Headings should summarize the slide — not contain all its details. (See: University of Michigan AccessibilityThe A11Y Project)
  • Visual hierarchy. The heading introduces the slide; the description provides supporting context.

The description should explain the value, purpose, or focus of your content in one or two concise sentences.

  • Recommended length: 75–150 characters (approximately 15–25 words)
  • If you feel strongly about including a longer paragraph, include one or two sentences and link to the full text elsewhere — on the page below or on a dedicated page
  • On mobile, long carousel descriptions are frequently skipped; well-crafted short descriptions, such as those promoting an event, highlighting a research breakthrough, or showcasing a patient story, can be highly effective
  • Keep button labels 2–5 words
  • Use action-oriented language (e.g., Learn MoreMeet Our TeamView Research)
  • Use buttons to direct visitors to full content rather than cramming details into the slide

Wrong Tool for the Job?

If you want to… Use this instead
Add visual interest across the whole site Background image in the site header
Display a single banner image without text Add image to the rich text area
Showcase multiple images Manual or Flickr Photo Gallery

Why these Guidelines?

Users scan hero banners in seconds — they don't read them. Concise headings and short descriptions help visitors immediately answer: What is this? Why does it matter? What do I do next?