Skip to main content

Divi accessibility: the module settings that matter

Several million sites

Divi's builder produces a lot of nested markup, and its default modules make several choices that fail WCAG unless you change them deliberately.

What actually breaks on Divi

01Heading levels tied to module defaults

Divi modules default to particular heading levels regardless of where they sit on the page, which produces skipped levels.

Where to fix it: Each module's Design tab exposes the heading level. Set it to match the page outline.

02Blurb and icon modules with no text alternative

Icon-only blurbs give assistive software nothing to announce.

Where to fix it: Add visible text, or set the module's accessibility fields under Advanced.

03Sliders that keep moving

Divi's slider autoplays with no pause control by default, which fails WCAG 2.2.2 for anyone who reads slowly.

Where to fix it: Slider settings, disable automatic animation or add a pause control.

04Contact form fields without visible labels

Divi's contact module leans on placeholders, which vanish as soon as someone starts typing.

Where to fix it: Enable the field label option rather than relying on the placeholder text.

The encouraging part

Divi's global presets mean a corrected module can be applied everywhere at once instead of page by page.

Find out which of these apply to you

The scanner detects that you are on Divi and writes the repair steps for that setup. Free, about fifteen seconds, no signup.

Scan my page

Other platforms