Accessibility overlays and the EAA: why a widget does not make your site compliant

22 September 2026 · 5 min read

There is a sales pitch that has landed in the inbox of almost every European web team since the European Accessibility Act came into force on 28 June 2025: install this one line of JavaScript and your site becomes compliant overnight. The product is an accessibility overlay, a widget that sits in a corner of the page and offers bigger text, higher contrast, a "screen reader mode" and, in the more ambitious versions, machine-generated alt text.

It is worth being precise about what these tools do, because the gap between the promise and the legal reality is where the risk lives.

Isometric illustration of a web page as stacked layers with a small widget attached to one corner
The widget sits on the surface. The layers underneath, the code an audit reads, do not change.

What an overlay actually changes

An overlay runs after your page has loaded, in the visitor's browser. It can restyle what is already there: enlarge fonts, invert colours, pause animations, add an outline to links. Some of them also try to patch the code on the fly, guessing an alt text for an image that has none or wrapping an unlabeled button in a label they infer from the icon.

Three things follow from that, and they matter for the EAA:

Two-column comparison: what an accessibility overlay widget changes on a page versus what the European Accessibility Act actually checks.What an overlay touches vs. what the EAA checksAN OVERLAY WIDGET CANTHE EAA (EN 301 549) LOOKS ATEnlarge text and change fonts for thevisitor who clicks itRaise contrast or invert colours on top ofthe pagePause animations and highlight linksGuess alt text for images with a machinemodelAdd its own keyboard shortcuts and its own"screen reader mode"Whether every image, control and form fieldhas a real, correct accessible name in thecodeWhether the whole site works with a keyboardand the visitor's own screen readerWhether contrast, focus order and errormessages are right by default, without awidgetWhether the service has an accessibilitystatement and a feedback channelWhether the operator can show a conformityassessment, not a vendor badge
Two different questions. The left column is about the visitor who clicks the widget; the right column is about the code you ship.

What the EAA asks for instead

The Directive (EU) 2019/882 does not mention widgets, badges or vendors. It sets functional accessibility requirements for the products and services in scope (e-commerce, banking, transport, e-books, telecoms and the rest) and points to the harmonised standard, EN 301 549, which for web content means the WCAG 2.1 level AA success criteria.

Those criteria are about the thing you ship: does every image have a text alternative, does every form field have a name, can the whole journey be completed with a keyboard, is the focus order sensible, is the contrast sufficient by default, are errors described in text. They are also about the organisation: the service must carry an accessibility statement, explain how it complies, list what does not comply yet and give people a way to report problems.

Market surveillance authorities in each Member State can ask an operator to demonstrate conformity. The answer they expect is an assessment against the standard and the documentation behind it. "We installed a plugin" is not an assessment, and no overlay vendor will sign your declaration for you.

The EAA puts the obligation on the economic operator. You can outsource the testing and the fixing. You cannot outsource the responsibility to a script tag.
Isometric illustration of a laptop beside a braille display and headphones, connected by thin lines
Most disabled visitors arrive with their own assistive technology already set up. A second layer on top is not what they asked for.

The track record

The overlay market grew up in the United States, under the ADA, and that is where the evidence is longest. Two data points are enough to frame it:

More than eight hundred accessibility practitioners, many of them disabled users themselves, have signed a public statement asking site owners not to rely on overlays. That is an unusual level of agreement in a field that argues about most things.

When an overlay is not harmful

None of this means the widgets are useless. A visitor without assistive technology who simply wants larger text on a long article gets something from a font-size control. If you already have an accessible site and you add a widget as a convenience, the widget is not the problem.

The problem is the order of operations. The widget goes on top of an accessible site; it does not stand in for one. If your budget covers either the overlay subscription or two days of a developer fixing labels and focus order in your templates, the second option moves you towards the Act and the first does not.

What to do instead

Four-step path to real EAA compliance: audit against EN 301 549, fix the code, publish the accessibility statement, keep testing with each release.The path that actually gets you there1AuditTest the real userjourneys against EN 301549 / WCAG 2.1 AA, with akeyboard and a screenreader, not only anautomated scan.2Fix the codeAlt text, labels,headings, focus order,contrast, error messages.In the templates, so thefix stays.3Publish the statementThe accessibilitystatement, the known gaps,the feedback channel. Thisis what marketsurveillance asks forfirst.4Keep testingEvery release.Accessibility is aproperty of the code youship, so it degrades ifnobody checks.
The order matters: audit first, so the fixes and the statement are built on what the site actually does.

A practical route that we see working for small and mid-sized operators:

  1. Audit the real journeys, not the whole site. Sign-up, search, add to basket, checkout, contact. Test each one with a keyboard only and with a screen reader, then run an automated scan for the rest. Automated tools catch roughly a third of the criteria; the rest needs a person.
  2. Fix in the templates. One corrected component fixes every page that uses it, and it stays fixed on the next deploy.
  3. Write the accessibility statement while the audit is fresh: what complies, what does not yet, when it will, and how to report a problem. Publish it where a visitor can find it in one click.
  4. Put accessibility in procurement. Ask every vendor of a component, a theme or a plugin for its own conformity evidence. This is where most regressions come from.
  5. Re-test on release. A short checklist in the pull request template does more than any annual audit.

If you want a quick reading of where a site stands before deciding on any of this, an automated scan against EN 301 549 is a reasonable first step, as long as everyone understands it is the beginning of the assessment and not the end of it.

We only use essential technical storage (your language and cookie choices, saved in your browser). No tracking, no third-party cookies. Cookie policy