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
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.
THREE MAIN AREAS OF ACCESSIBILITY
- The website should be easy to use by keyboard and mouse users.
- The website should be easy to read and understand by screen reader users.
- 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.
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
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
Automatically update Title text for images on the front end when it gets updated in WordPress Library.
Enqueue Inline Scripts and Styles
Disable inline Scripts and Styles. Instead, Enqueue Scripts and Styles files to the theme.
Focusable Modules
Allow Divi modules such as Toggle & Accordion to be focusable with keyboard navigation. Hitting enter will open/close when focused.
ARIA Support
Add appropriate ARIA attributes across Divi elements & modules.
Option to underline all links
Use this option to underline all links.
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
Add an outline to focused elements when navigating with the keyboard.
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
Hide icons to screen readers, so the text is read normally.
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
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 & incorrect or missing assignments to their corresponding inputs.
Dropdown Menu Keyboard Navigation
Allow easier navigation of Divi dropdown menus with the keyboard.
