Skip to main content
← Back to blog

Why Accessibility Overlays Are Not Enough

4 min readADAfriendly Team

Accessibility overlay widgets — the toolbar plugins that promise to make any website ADA compliant with a single line of JavaScript — have become one of the most controversial tools in the web accessibility space. Companies like accessiBe, AudioEye, and UserWay offer these products, but a growing body of evidence shows they fall short of their promises.

What Are Accessibility Overlays?

An accessibility overlay is a JavaScript widget that sits on top of your website and attempts to detect and fix accessibility issues in real time. They typically add a toolbar icon that allows users to adjust font sizes, color contrast, cursor size, and other visual settings.

Some overlays also claim to use AI to automatically add missing alt text, fix heading structure, and improve keyboard navigation without requiring any changes to the underlying code.

Why Overlays Fall Short

They Cannot Fix Structural Issues

Many accessibility barriers are rooted in the HTML structure of a page: missing semantic elements, improper ARIA usage, broken focus management, and inaccessible custom components. An overlay running on top of the page cannot reliably fix these issues because it does not have access to the design intent behind the code.

For example, if a custom dropdown menu is built with div elements instead of native select or listbox patterns, an overlay cannot retroactively add the correct ARIA roles, states, and keyboard interactions needed to make it functional for screen reader users.

AI-Generated Alt Text Is Unreliable

While AI has improved at describing images, automated alt text is often inaccurate, too generic, or missing important context. An AI might describe a chart as "a colorful graph" when the alt text should convey the data and trends shown. For logos, product images, and context-dependent graphics, human-written alt text is essential.

They Can Interfere with Assistive Technology

Screen reader users have reported that overlays actually make sites harder to use by injecting unexpected ARIA attributes, altering focus order, or creating conflicting announcements. The National Federation of the Blind issued a statement in 2021 opposing overlay products, and multiple lawsuits have been filed against businesses using overlays.

They Do Not Prevent Lawsuits

Over 400 companies using accessibility overlays were sued for ADA violations between 2020 and 2025. Courts have consistently held that the presence of an overlay does not demonstrate compliance because the underlying code remains inaccessible.

Regulatory and Legal Actions

The FTC has taken notice. In 2024, the FTC sent warning letters to several overlay vendors regarding potentially deceptive marketing claims about compliance guarantees. The European Accessibility Act (EAA), which takes effect in June 2025, similarly requires actual conformance — not just the presence of a toolbar widget.

In the United States, the Department of Justice has never recognized overlays as a valid method of achieving ADA compliance. Their guidance consistently points to conformance with WCAG standards through actual code remediation.

What Actually Works

Real accessibility compliance requires fixing the source code:

  1. Proper semantic HTML. Use native HTML elements (button, nav, main, headings) instead of generic divs with click handlers.
  1. Meaningful alt text written by humans who understand the context of each image.
  1. Keyboard accessibility tested by navigating your entire site without a mouse.
  1. ARIA used correctly — and only when native HTML is insufficient. Incorrect ARIA is worse than no ARIA at all.
  1. Automated scanning to catch the 30-40% of issues that tools can detect, combined with manual testing for the rest.
  1. Continuous monitoring because accessibility is an ongoing process, not a one-time fix.

The ADAfriendly Approach

ADAfriendly takes a fundamentally different approach from overlays. Instead of papering over issues with JavaScript, we scan your actual code, identify specific violations mapped to WCAG 2.2 criteria, and provide AI-powered fix suggestions that show you exactly what code to change. For businesses that need hands-off remediation, our team fixes the code directly.

The result is genuine compliance that holds up to legal scrutiny — not a widget that creates a false sense of security.

Ready to fix your site? Scan for free

ADAfriendly scans your website for WCAG 2.2 AA violations and gives you a detailed remediation plan — in minutes, not weeks.