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 Accessibility, The 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 More, Meet Our Team, View 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?