Divi Accessibility


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



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.


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


  • Divi Accessibility settings page


  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


Great plugin, thank you for fixing the Divi accessibility issues!
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.
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.
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.
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.


Divi Accessibility はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。


“Divi Accessibility” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。



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


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


  • Submenu item highlighting when mouse moves over links.


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


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


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


  • 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


  • Fix contact module form not validating properly when using captcha


  • Add missing quote in viewport tag causing issues in head


  • Fix Divi viewport meta tag to make theme more accessibile


  • Improve ARIA for Tab module


  • Initial Release