The left hand navigation is removed for demonstrating this component as a home page.

Overview

The carousel is also sometimes referred to as the "slider" or "slides".

It works by rotating group of images that can house info and text, video content - or just be a visual decorative feature.

There are two types of carousel available:

  • type 1 has the information text at the side of the image
  • type 2 has the information at the bottom of the image

Each slide has:

  • heading
  • description
  • image
  • button text
  • URL link (button)
  • transcript link (button) for video content

The feature allows up to 6 carousel slides. The order can be controlled.

If you only define one slide it will not rotate or be animated.

Feature showcase

Type 1 - image only

If not marked as decorative, all images must have alternative (or alt) text to describe the information or function of the image: accessibility.sa.gov.au/your-role/content/images

A place to put your great heading

A place to put your great heading

Use this area for a short, snappy introduction to the destination.

Don't use click here
A great heading example

A great heading example

Use this area for a short, snappy introduction to the destination.

Use a descriptive link
Another heading example

Another heading example

Use this area for a short, snappy introduction to the destination.

View the carousel options
Another heading example

Another heading example

Use this area for a short, snappy introduction to the destination.

View the carousel options
Another heading example

Another heading example

Use this area for a short, snappy introduction to the destination.

View the carousel options
Another heading example

Another heading example

Use this area for a short, snappy introduction to the destination.

View the carousel options
scroll down

Type 2 - image only

This type of carousel has a gradient in the primary colour of the site.

A place to put your awesome heading

A place to put your awesome heading

Use this area for a short, snappy introduction to the destination.

Don't use click here
Another great heading

Another great heading

Use this area for a short, snappy introduction to the destination.

Use a descriptive link
Another great heading

Another great heading

Use this area for a short, snappy introduction to the destination.

Return to this page
scroll down

Static hero image

The heading and other text features can be left blank and the slide will become a static hero image.

Display is the same for type 1 or type 2 carousels.

scroll down

Videos

You have the option to add videos to the carousel.

For each video you'll need to supply captions and transcripts.

Captions and transcripts benefit everyone and are needed for all audio and visual content: accessibility.sa.gov.au/your-role/content/video-and-multimedia

Type 1

Video example

Video example

Everyone has a role to play in creating accessible online solutions.

Static image example

Static image example

Carousels can combine videos and images

Don't use click here
scroll down

Type 2

Video example

Video example

Everyone has a role to play in creating accessible online solutions.

Static image example

Static image example

You can use both images and videos in the carousel

Don't use click here
scroll down

Add this feature to your site

Guide to adding a carousel (requires log-in)

Top accessibility tip

Create link text that’s as specific as possible. Don't just use 'click here', 'read more', 'find out more' or 'download' for your carousel buttons. These terms do not make sense for people using screen readers: accessibility.sa.gov.au/your-role/content/links

Return to Homepage Features Options Next: Promotions Panel