Over 10 million sites
Elementor gives you visual control over things that carry meaning in code, and that is exactly where accessibility goes wrong. The two settings that matter most are hidden in places people rarely look.
The Heading widget has an HTML Tag setting that is separate from its visual size. People pick the size that looks right and leave the tag alone, which produces a page whose outline makes no sense.
Where to fix it: Heading widget, Advanced tab, HTML Tag. Set the level for meaning and control the size separately under Style.
An icon with no label is announced as 'link' with nothing else. Social rows and header icons are the usual culprits.
Where to fix it: Icon widget, Advanced, Accessible Name.
Elementor's global palette propagates a failing grey across the entire site in one go.
Where to fix it: Elementor, Site Settings, Global Colors. Fixing it here clears the whole site.
A popup that opens with no accessible name drops a screen reader user into a box with no idea what it is or why it appeared.
Where to fix it: The popup's settings have a title field. Do not leave it blank.
A percentage announced with no context means nothing.
Where to fix it: Fill in the widget's Title field rather than leaving it empty for looks.
Elementor's own accessibility plugin has 500,000 installs and a 2.9 star rating, largely because it is an overlay. Doing the work in the widget settings is slower to start and actually holds up.
The scanner detects that you are on Elementor and writes the repair steps for that setup. Free, about fifteen seconds, no signup.
Scan my page