Slider Images: Default | UI Pattern Library

The Slider

A Collection of Slides

The image slider is a very controversial UI component. It should be used for no more than 3 or 4 slides.

Showing this is slide one label. it should NOT be this long!, slide 1 of 4

PROVIDE_IMG_ALT_TEXT_HERE — This is the caption for Slide #1. You'll need to provide this same text as a value for aria-label on the figure element, too.

PROVIDE_IMG_ALT_TEXT_HERE — This is the caption for Slide #2. You'll need to provide this same text as a value for aria-label on the figure element, too.

PROVIDE_IMG_ALT_TEXT_HERE — This is the caption for Slide #3. You'll need to provide this same text as a value for aria-label on the figure element, too.

PROVIDE_IMG_ALT_TEXT_HERE — This is the caption for Slide #4. You'll need to provide this same text as a value for aria-label on the figure element, too.