Divi Accessibility Helper
The ultimate plugin to make Divi Accessible for all
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.
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.
Making Your website Accessible Doesn’t Have to Be Hard.
Get your copy of Divi Accessible Helper today and make your website Accessible by meeting most of WCAG 2.0 Guidelines.
Options Available in Divi Accessibility Helper
- Use Alt Text From Library: Automatically update Alt text for images on the front end when it gets updated in WordPress 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: 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
- 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.
- 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)