Is Smart Slider 3 Accessible?
In this article
The slider is marked with
role="region" and has an
aria-label attribute. Upon arriving to the slider's region, this
aria-label is read by the screen reader. You can customize the slider's
aria-label attribute at Slider settings → General → ARIA label.
After slide switching, screen readers announce the slide using the slide title. Make sure you set a descriptive tile to each slide at Slide → Content tab → Slide Title.
Controls, such as arrows or bullets, have the
role="button" attribute, and also
tabindex="0". These attributes allow focusing on them with keyboard.
After switching slides, the focus jumps back to the start of the slide.
The arrows have their own
aria-label attribute, what you can customize at Slider settings → Controls tab → Arrow → Previous alt tag and Next alt tag.
The bullets use the Slide title as their
aria-label attribute. The currently active bullet is marked with