Is Smart Slider 3 Accessible?

In this article

Yes, any content you add to Smart Slider is accessible for screen readers. Textual layers (like the Heading or Text) are read as any other text you have on your site.

Slider accessibility

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.

Slides accessibility

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 accessibility

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.

Arrows

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.

Bullets

The bullets use the Slide title as their aria-label attribute. The currently active bullet is marked with aria-current="true".

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.