Accessibility overlays are one of the most debated tools in web development. Proponents say they make websites more usable quickly. Critics say they create a false sense of full conformance. Both are partly right, and the confusion usually comes from misunderstanding what overlays actually are and what they are designed to do.
This page explains what overlays can do, what they cannot, and how to use them accurately.
An accessibility overlay is a script added to a website that provides a user-facing toolbar. Visitors can use it to adjust visual and functional settings, increasing font size, switching to a high-contrast mode, enabling text-to-speech, or activating dyslexia-friendly fonts.
The key phrase is user-facing. The overlay does not change the website’s underlying code. It runs on the visitor’s browser and gives them controls to adapt their own experience.
Fix broken keyboard navigation in your site's source code. The toolbar runs in the visitor's browser. It cannot restructure HTML it does not control.
Give visitors contrast modes, grayscale, and font controls so they can adjust what they see on screen to work for them.
Repair missing or incorrect ARIA attributes. Screen readers depend on these being built correctly in the markup. An overlay cannot rewrite them retroactively.
Read your page content aloud. Text-to-speech gives users who cannot or prefer not to read on screen a full audio version, including image alt text descriptions.
Resolve heading structure problems. A disorganized document structure confuses screen reader users regardless of what toolbar sits on top of it.
Generate image alt text automatically using AI, so visually impaired visitors are not blocked by images that have no descriptions in the source markup.
Certify WCAG conformance. WCAG audits evaluate source code and the rendered DOM. No overlay can produce a passing audit on its own.
Support dyslexic users with purpose-built fonts, spacing controls, and colour combinations that adapt the reading experience without changing it for everyone else.
Replace a dedicated screen reader like NVDA, JAWS, or VoiceOver. Those tools interact with your code directly. The toolbar's text-to-speech is a supplement, not a substitute.
Reduce cognitive load with reading masks, focus highlighting, and content summarization tools that help users with attention or cognitive differences stay oriented on the page.
The most useful frame for an overlay is this: it is a user-facing adjustment layer. It gives visitors more control over their experience. It does not repair the underlying structure of the website.
This matters for how overlays are described to clients, stakeholders, and legal teams. An overlay demonstrates a commitment to inclusion. It addresses many of the barriers most commonly encountered by users with disabilities. It does not, on its own, make a website WCAG 2.2 AA conformant.
A site that has structural accessibility problems and adds an overlay has improved the experience for many visitors. It has not closed all its accessibility gaps. The accurate description is: the overlay adds user-facing accessibility features. It does not replace the source-code remediation required for full WCAG conformance.
The most effective approach combines an overlay with source-code remediation. Each covers what the other cannot.
Source-code remediation fixes structural issues: heading hierarchy, ARIA implementation, keyboard navigation, colour contrast in the CSS, and semantic HTML. These changes improve accessibility for all users regardless of what tools they use.
The overlay adds user-facing controls on top of a well-structured site: options for visitors who need larger text, more contrast, audio output, or cognitive support tools that go beyond what source code alone can provide.
Used together, they address the widest range of user needs and provide the strongest basis for demonstrating good-faith accessibility efforts to regulators and legal bodies. Used alone, either one leaves gaps.
AccessPro is a user-facing accessibility toolbar built to be the overlay layer in this approach. For source-code remediation, our partner team is available for audit and implementation services.
