DIvi Website Accessibility

Build WCAG-Compliant Websites Using Divi Theme and Page Builder

Resolve many of the biggest accessibility issues with the Divi theme and page builder tools using Fix Divi A11y plugins.

Fix Divi A11y Plugins

Divi Theme Accessibility Issues Solved by Fix Divi A11y Plugins

  • Adds Skip to Content links
  • Enables Zoom In/Out on Mobile
  • Adds Focus Indicators (with-selected custom color)
  • Makes Drop Down Menus Keyboard Accessible
  • Makes Mobile Menus Keyboard Accessible
  • WCAG-compliant Header Search

Additional Fix Divi A11y Plugins and Features

The Fix Divi A11y plugin and companion Fix Divi A11y Modules provide additional features important to keyboard and screen reader users.

Accordions, Tabs & Toggles

Add Keyboard and screen reader accessibility with the appropriate ARIA attributes.

Disable Animations

Stop Divi animations (ex. fade in, slide in) for users who have selected reduced-motion settings on their device.

Hide Decorative Icons

Prevent decorative icons on buttons, drop-down menus, search toggle and mobile menu toggle from being read to screen readers.

Proper Link and Button Coding

Generate proper HTML coding, with aria-label support, for buttons and links that appear as buttons.

Available Services

Choose the Service That Best Meets Your Needs

Custom Design and Build

WCAG-compliant custom design and build a new site based on your unique content.

  • Includes Fix Divi A11y plugins
  • Compliant Color Contrast
  • Keyboard and Screen reader testing
Accessibility Audit

Automated, manual and screen reader testing on desktop and mobile devices.

  • Tests for compliance with latest WCAG version
  • Test Global Header and Footer, Homepage and Key Content Pages
Plugin Install and Testing

Install Fix Divi A11y & Fix Divi A11y Modules and test to confirm desired functionality.

  • Configure Settings
  • Keyboard and Screen Reader Testing
  • Custom remediation as needed
Remediation and Maintenance

Address content, code and functionality issues and monthly monitoring.

  • Address issues with content, colors, fonts, themes, templates, and/or plugins
  • Ongoing monitoring and updates

Frequently Asked Questions

For more information about the Fix Divi A11y plugins, please review these frequently asked questions

These plugins alone will not make your site WCAG-compliant. You still need to make sure your site uses color combinations with sufficient color contrast, videos have captions and transcripts and all functionality and content is keyboard and screen reader accessible. Elevage Digital can perform an accessibility audit to determine what issues exist on your site in addition to those related to the Divi theme and page builder. Request a quote now.

These plugins have not yet been tested with Divi 5.

Contact us to request access to the GitHub repository.

There are some issues with Divi modules that can’t easily be remediated, in which case it’s better to consider other options.

  • Blog – use a custom loop instead to fully control the HTML output
  • Contact Form and Email Opt-in – use a different form tool (ex. Gravity Forms)
  • Sliders and Gallery – use an alternative or reconsider the content – do you really need a carousel or can the content be presented in a more accessible way?