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

FAQ

Installation Instructions
  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

Great and necessary

Who knows why some of these things aren’t built into Divi… but I’m glad this exists. Accessibility matters! Thanks for the helpful plugin.

Muy útil

Resuelve varios problemas de accesibilidad de Divi sin ningún esfuerzo. Lo he probado en varias instalaciones y aun no he encontrado ningún problema.

Read all 3 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

  • 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