How Does Accessibility Function on Your Store

This guide explains what your visitors see and can do when they interact with the Avada Accessibility widget on your storefront.

Widget Size Adjustment

Visitors can resize the accessibility widget panel to suit their preferences. The widget supports dragging to resize or using preset size options.

Language Selection

The widget displays a language selector at the top, allowing visitors to switch the widget interface to their preferred language. The available languages are configured in your Menu Settings.

Accessibility Profiles

Six ready-made profiles provide one-click accessibility adjustments tailored to specific needs:

Motor Profile

Optimized for users with limited motor skills:

• Enables keyboard navigation for all interactive elements.
• Increases click target sizes.
• Adds focus indicators to interactive elements.

Vision Profile

Designed for users with low vision:

• Increases text size.
• Enhances contrast.
• Enables text magnifier.
• Highlights links.

Epileptic Profile

Reduces content that may trigger seizures:

• Stops all animations and transitions.
• Reduces contrast where it is excessively high.
• Removes flashing or blinking content.

Cognitive Profile

Simplifies the browsing experience:

• Highlights important content areas.
• Simplifies page layout.
• Enables reading guide.

ADHD Profile

Minimizes distractions and improves focus:

• Reduces visual clutter.
• Highlights the content area being read.
• Enables reading guide.
• Stops animations.

Color Blindness Profile

Adjusts colors for users with color vision deficiency:

• Modifies color schemes to improve distinguishability.
• Adds non-color indicators (underlines, icons) to convey information.
• Adjusts saturation levels.

Visual Settings

Visitors can manually adjust visual properties:

Content Customization

Visitors can adjust how text and content appear:

• Text size -- Increase or decrease font size.
• Text alignment -- Align text left, center, or right.
• Line and letter spacing -- Adjust spacing for readability.
• Readable fonts -- Switch to dyslexia-friendly or other readable fonts.
• Text magnifier -- Hover to magnify text under the cursor.

Reading Supports

Tools to help visitors read and navigate content:

• Text-to-Speech -- Reads selected text or full page content aloud.
• Hide images -- Removes images to reduce visual distractions.
• Stop animations -- Pauses all moving elements.
• Reader view -- Strips the page to essential text content.
• Reading guide -- A horizontal line that follows the cursor to help track reading.
• Page structure -- Shows a navigable outline of headings and sections.
• Large cursor -- Increases the cursor size for better visibility.