DIVI ACCESSIBILITY HELPER

The ultimate plugin to make Divi Accessible for all

Watch demo

MAKE DIVI ACCESSIBLE WITHOUT CODE

Dynamic Alt & Title text

Automatically update Title text for images on the front end when it gets updated in WordPress Library.

Tota11y Integration

Add a small button to the bottom corner of the site to visualize how your site performs with
assistive technologies.

Screen Reader Text

Screen Reader Text

Add plugin screen reader class used on certain
labels & reverses Divi incorrectly applying display: none; on its own screen reader classes.

WHAT IS WEBSITE ACCESSIBILITY AND
WHY YOU ShOULD CARE?

Website accessibility is a measure of how usable a web page is for people with disabilities. It ensures that all people can access the website content, including those who use assistive technologies and those with temporary or permanent disabilities.

WHAT IS WEBSITE ACCESSIBILITY
THREE MAIN AREAS OF ACCESSIBILITY

THREE MAIN AREAS OF ACCESSIBILITY

  1. The website should be easy to use by keyboard and mouse users.
  2. The website should be easy to read and understand by screen reader users.
  3. The website should be easy to navigate with speech recognition software.

THE BASIC REQUIREMENTS

The WCAG2 guidelines are the most widely used accessibility standards in the world. WCAG2 guidelines cover a wide range of topics, including making your site accessible, giving users control over their browsing experience, providing text alternatives for non-text content, providing captions and transcripts for audio-visual content, and many more.

WCAG BASIC REQUIREMENTS

ALL FEATURES

All the features that you want to check whether your website is accessible or not are here. Sit down and see the magic happen

Tota11y Integration

Tota11y Integration

Add a small button to the bottom corner of the site to visualize how your site performs with assistive technologies. (only for Admin users)

Use Title Text From Library

Use Title Text From Library

Automatically update Title text for images on the front end when it gets updated in WordPress Library.

Enqueue Inline Scripts and Styles

Enqueue Inline Scripts and Styles

Disable inline Scripts and Styles. Instead, Enqueue Scripts and Styles files to the theme.

Focusable Modules

Focusable Modules

Allow Divi modules such as Toggle & Accordion to be focusable with keyboard navigation. Hitting enter will open/close when focused.

ARIA Support

ARIA Support

Add appropriate ARIA attributes across Divi elements & modules.

Option to underline all links

Option to underline all links

Use this option to underline all links.

Screen Reader Text

Screen Reader Text

Add plugin screen reader class used on certain labels & reverses Divi incorrectly applying display: none; on its own screen reader classes.

Enable Keyboard Navigation Outline

Enable Keyboard Navigation Outline

Add an outline to focused elements when navigating with the keyboard.

Fix Duplicate Menu Ids

Fix Duplicate Menu Ids

Because Divi uses the same menu twice (Once for the primary menu and again for the mobile menu), the unique ID’s are duplicated, causing validation issues. This option prevents WordPress from adding a unique ID to the menu list items.

Set Icons Aria Hidden

Set Icons Aria Hidden

Hide icons to screen readers, so the text is read normally.

Use Alt Text From Library

Use Alt Text From Library

Automatically update Alt text for images on the front end when it gets updated in WordPress Library.

Mobile Menu Aria Support

Mobile Menu Aria Support

Apply Aria attributes to the mobile (hamburger) menu to make it accessible. Close menu when focus out required “Skip Navigation Link” to be enabled.

Fix Missing Labels

Fix Missing Labels

Fix missing labels & incorrect or missing assignments to their corresponding inputs.

Dropdown Menu Keyboard Navigation

Dropdown Menu Keyboard Navigation

Allow easier navigation of Divi dropdown menus with the keyboard.

READY TO GET STARTED

READY TO GET STARTED?