Manual

Accessibility Features in Slider Revolution

Slider Revolution includes a full suite of accessibility controls that allow you to create sliders and interactive content that are screen reader–friendly, semantically correct, and dynamically aware.

Whether you’re building marketing carousels, hero sliders, or complex interactive scenes, you can ensure that every visitor—including those using assistive technology—can understand and navigate your content.

This guide walks through the four main categories of accessibility settings available in the module editor: module-wide settings, navigation settings, slide-level settings, and layer-level settings.

You’ll learn what each setting does, where to find it, and how to use it for maximum accessibility coverage.

Module-Wide Accessibility Settings

Before you can access most accessibility features, you’ll first need to enable them at the module level. These global settings allow ARIA attributes and live announcements to be used throughout the module’s navigation, slides, and layers.

Go to the Module General Options tab in the sidebar. Click the Advanced subsection icon, then scroll to the Web Content Accessibility panel.

Aria Attributes: This toggle enables the use of ARIA attributes for enhanced accessibility. When enabled, screen readers can interpret and announce structured information in your module’s output code.

Live States: When enabled, this setting applies the aria-live attribute to dynamic elements in the module. Screen readers will automatically announce changes to these elements without requiring user interaction.

Navigation Accessibility Settings

Once accessibility is enabled at the module level, you can tailor how navigation elements—like next/previous buttons, tabs, thumbnails, or bullets—are presented to screen readers. This lets you make sure your module navigation is fully understandable for all users.

Go to the Navigation Options tab in the sidebar. Click the Accessibility subsection icon, then scroll to the Web Content Accessibility and Aria Labels panels.

Note: These panels are only visible if Aria Attributes is set to ON in the Module General Options panel.

Aria Hidden: This setting controls whether all navigation elements are hidden from screen readers. Set to True to suppress them, or False to allow screen readers to access them.

Aria Pressed: Controls whether the aria-pressed attribute is dynamically updated on navigation items. When set to update, it applies aria-pressed="true" to the currently active item, helping screen readers indicate which element is selected.

Next: Defines the label for the button that moves to the next slide. Example: Next Slide

Previous: Defines the label for the button that returns to the previous slide. Example: Previous Slide

Tab: Defines the ARIA label for tab-style navigation buttons. Example: Tab

Thumb: Defines the ARIA label for thumbnail-style navigation buttons. Example: Thumbnail

Bullet: Defines the ARIA label for bullet-style navigation controls. Example: Bullet

Slide-Level Accessibility Settings

Each slide in your module can be configured with specific accessibility attributes. These options help ensure screen readers interpret the purpose and visibility of each slide correctly, including support for roles, live content, and labeling.

Go to the Slide Options tab, click the Accessibility subsection icon, then scroll to the Web Content Accessibility panel.

Note: This panel only appears if Aria Attributes is set to ON in the Module General Options.

Aria Hidden: Controls whether the slide is hidden from screen readers. Set to True to hide the slide entirely, False to make it fully visible, or Dynamic to hide non-active slides and show the current one.

Role: Defines the semantic purpose of the slide. Common values include Presentation, Article, and Region. Choose a role that best reflects the slide’s purpose.

Description: Add a plain-text description of the slide’s content. This is useful for giving users a quick summary when the slide is focused by a screen reader.

Aria Labels: Determines how the slide is labeled in ARIA. Set to unset to leave it undefined, auto to use internal logic, or Custom to provide your own value.

Aria Live: Enables live region behavior at the slide level. Use auto and the format <Module Title> + Slide x of xx will be output, or use Custom to fine-tune output.

Layer-Level Accessibility Settings

Layers are the text, image, and button elements you place on each slide. These options let you label each layer individually, set roles like Button or Image, and decide which ones should be hidden or identified as popups.

Select any layer, then go to the Layer Options tab, click the Accessibility subsection icon, and scroll to the Web Content Accessibility panel.

Note: This panel is only visible when a layer is selected and Aria Attributes is set to ON in the Module General Options..

Hidden: Determines whether the layer is visible to screen readers. Set to True to hide it entirely, or False to include it in the accessibility tree.

Role: Select the role that best describes the content of the layer—such as Button, Image, Heading, or Paragraph.

Label: Sets a custom name for the layer using aria-label. This is what screen readers will announce when the layer receives focus.

Labeled By: Reference the ID of another element to use it as the source of this layer’s label (via aria-labelledby).

Has PopUp: Indicates that this layer opens a menu, dialog, or modal. This helps screen readers anticipate that activating this item will reveal additional content.

Need Help with Accessibility?

If you’re unsure how to configure these settings or want personalized guidance, we’re here to help. Accessibility doesn’t have to be complicated—with the right support, it can become second nature.

Reach out anytime through the support portal. Our team is happy to walk you through anything from basic toggles to advanced ARIA customization.