Divi Accessibility

Description

A WordPress plugin that improves Divi accessibility in accordance with WCAG 2.0 guidelines. While there are many great plugins dealing with improving WordPress theme accessibility, this was developed for issues specifically found within Divi.

  • Adds appropriate ARIA attributes
  • Improved keyboard navigation in menus
  • Fixes missing & incorrectly assigned labels
  • Makes modules such as Toggle & Accordion focusable and keyboard interactive
  • Adds a visual outline to focusable elements for keyboard only navigation
  • Ability to change keyboard only outline color
  • Fixes Divi incorrectly using screen reader classes
  • Adds skip navigation link optimized for Divi markup
  • Hide icons from screen readers which can affect reading of text
  • Fix duplicate menu IDs
  • Tota11y integration

Contribute on GitHub

https://github.com/campuspress/divi-accessibility/

Support

If you would like to make a donation, we encourage you to consider donating to Knowbility and help support their mission to provide access to technology for people with disabilities.

Credit

Plugin created by CampusPress. Plugin icon based off of The Accessible Icon Project.

Screenshots

  • Divi Accessibility settings page

Installation

  1. Upload ‘divi-accessibility’ to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Click on the new menu item “Accessibility” under the Divi menu for settings

Reviews

August 22, 2019
Although this plugin works great with jQuery 1.12.4 when jQuery is not deferred, I want a fully optimised website, and by deferring jQuery this plugin breaks and throws up several jQuery related console errors. I also tried using the latest version of jQuery to fix potential vulnerabilities, and it breaks using the latest and throws up console errors too. Doesn't seem as though anyone has been supporting this plugin for a few months now either. Shame as it's a great plugin that adds missing accessibility to the Divi theme and works perfect on an older version of jQuery, but I really need it to be compatible when jQuery is deffered and also with the latest and future releases of jQuery. If the developer does respond to this issue, then I'll happily edit and re-submit my review. If not, then looks like I need to start developing my own version.
July 1, 2019
Divi is a great page builder but out of the box, it makes it hard to comply with WCAG guidelines. This plugin may not make your website instantly accessible but it fixes Divi's deficiencies and provides a good foundation to achieve accessibility compliance. I now use this plugin on all new projects.
June 25, 2019
A fantastic addition to the DIVI ecoscape. Please keep this plugin up-to-date since we develop sites for local governments and organizations helping people with disabilities.
April 10, 2019
This plugin is amazing. I can't say enough how easy it is to use the plugin and work through accessibility issues. Every Divi website should install this and work through the suggestions.
February 8, 2019
This is a great plugin that helps get us up to speed on building better websites for all of our parents and community members. Thank you!
January 16, 2019
Worked without any issues. I think some users could benefit from some more common examples of how it might best be used, but that's just a suggestion (not something I'm going to weigh the review on).
Read all 9 reviews

Contributors & Developers

“Divi Accessibility” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Divi Accessibility” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.5

  • Update WordPress compatibility for 5.2.3.
  • Fix undefined variable.
  • Add main role to main content.
  • Add option to enable mobile menu Aria enhancements.

1.2.4

  • Fix keyboard navigation with submenus.
  • Fix submenu highlight on mouse hover.
  • Fix CSS warnings.

1.2.3

  • Submenu item highlighting when mouse moves over links.

1.2.2

  • Landmark refactoring for navigation.
  • Add better support for submenus.

1.2.1

  • Add better aria attribute support to navigation menus, comment forms, etc.
  • CSS fixes.

1.2

  • Add option to remove id attribute from list items in navigation menus

1.1

  • Add option to hide decorative icons from screen readers
  • Add hidden submit button to search
  • Add alert role to success/error form message
  • Increase color contrast of skiplink to meet WCAG AAA
  • Fix contact module form not validating properly when using captcha
  • Fix error with label not being added to search form
  • Prevent spacebar from scrolling page when toggles have focus
  • Remove up and down keys from changing tabs

1.0.4

  • Fix contact module form not validating properly when using captcha

1.0.3

  • Add missing quote in viewport tag causing issues in head

1.0.2

  • Fix Divi viewport meta tag to make theme more accessibile

1.0.1

  • Improve ARIA for Tab module

1.0.0

  • Initial Release