Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
The settings for this plugin are integrated into the Divi Theme Options settings panel. So just to go to Divi>Theme Options and you will see a new tab called Divi Accessibility Helper. Inside that tab will be all the settings.
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.
Use Alt Text From Library
Along with many other Accessibility options, Divi Accessibility Helper allows you to automatically and dynamically get the alt text and title text for images from the WordPress media library for the following modules:
- Fullwidth image
- Fullwidth header
- Fullwidth slider
Allow Divi modules such as Toggle & Accordion to be focusable with keyboard navigation. Hitting enter will open/close when focused.
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.
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.
As of the time of this writing, the plugin still exists publicly on Github. So you may be asking, what are the differences, and which one should you use?
Due to the nature of the functionality, the two plugins have many similar features. About 75% of the features from premium Divi Accessibility Helper could be found in the free Divi Accessibility plugin. However, there are always more things to consider than just price, so let’s take a look at the differences in features and other factors.
Divi Accessibility (free on GitHub)
The plugin on GitHub is not actively maintained or developed. The last commit was June 18, 2021.
There is no support available. Getting access to technical support is one of the best reasons to pay for any plugin.
Divi Accessibility Helper (paid by Divi Codex)
The plugin is brand new, so version 1.0 is a solid plugin, but they are also looking to add new features regularly. Please let them know if you have any feature suggestions, and they will implement them!
Helpful support is available when needed if you have questions or face any technical issue.
1. Divi Theme Options Settings: All the plugin settings are build directly into Divi for convenience and familiarity.
2. Use Alt Text From Library: Automatically update Alt text for images on the front end when it gets updated in WordPress Library. This has several settings as shown in post/video above.
3. Use Title Text From Library: Automatically update Title text for images on the front end when it gets updated in WordPress Library. This has several settings as shown in post/video above.
4. Option to enable browser pinch and zoom and add the correct metadata for the viewport