Overview
Carousels are used to present a small sequence of related visual content in a focused, controlled way. They are most effective for illustrative or conceptual sequences – where visuals reinforce understanding but do not define required steps or actions. Carousels should support recognition and exploration, not hide essential or must‑see content.
Common Pitfalls to Avoid
- Hiding required or critical information inside a carousel
- Using carousels for procedural or instructional steps learners must follow
- Requiring learners to view all slides to fully understand the content
- Mixing image sizes, orientations, or aspect ratios
- Using carousels purely for decoration or visual interest
[Example]
Doric columns at the Parthenon in Athens
Corinthian-style columns with ornate capitals
Ionic columns featuring scroll-shaped capitals
Ancient amphitheater emphasizing tiered seating
Stone arches used in ancient structural design
CDD Tag
<carousel></carousel>
Guidelines
Do
ID
Use carousels to show and compare, not to instruct
Carousels work best for visual progressions that show what is happening, not tell learners what to do. Appropriate uses include conceptual walkthroughs, illustrative sequences, multiple views of the same concept, or representative examples (e.g., different examples of Greek architecture shown one at a time, or a visual progression showing how heat moves through a sealed jar during food processing).
ID
Use Brief Captions for Identification or Visual Cues
Captions may be used to label images or highlight a single visual feature. Captions should reinforce what learners are viewing, not introduce new concepts or instructions.
ID
Restrict carousels to 3–12 slides to maintain focus and reduce cognitive overload.
Do Not
ID
Use Carousels for Procedural or Instructional Steps
If content describes actions learners must perform – or steps that must be followed in order – use a layout that shows all steps at once (e.g., numbered lists, flow diagrams, or timelines).
ID
Use Carousels When All Items Must Be Seen
If understanding depends on viewing every item (e.g., all hazards, all examples, all stages), carousels are not appropriate. Use grids, cards, or columns instead.
ID
Production
Use Images with Inconsistent Heights
Captions should not contain essential explanations, steps, or details learners must read to understand the content.
ID
Production
Use Carousels as Decorative Elements
Carousels should always serve a clear instructional or conceptual purpose.
Production
Mix Image Orientations or Aspect Ratios
Inconsistent sizing disrupts visual flow and reduces usability.