Skip to Content
Main Content

Hiker Looking Out Over Mountains

3 Minute Read | February 16, 2024

Thinking About Using a Website Overlay Accessibility Tool? Think Again.

Updated: Feb. 16, 2024: Aug. 23, 2023; April 4, 2022
Originally Published: May 11, 2021


Many accessibility tools and products on the market “bolt on” to your website as third-party scripts or plugins. These overlay tools claim to make websites more accessible to end users and/or protect site owners from accessibility lawsuits.

Many of these products use JavaScript to detect and attempt to correct problems or enhance accessibility by manipulating your website’s front-end code. Some products extend presentation controls to end users, so they can customize, for example, contrast and font size.

These bolt-ons also address (or claim to address) accessibility issues related to:  

  • writing and adding alternative text for images,
  • keyboard control,
  • and improving field labels, error handling, and focus control on forms.

Sounds like a great, easy fix, right? Not so fast.

Overlay Tools, Underwhelming Results

WebAIM Survey of Web Accessibility Practitioners found that “A strong majority (67%) of respondents rate these tools as not at all or not very effective. Respondents with disabilities were even less favorable, with 72% rating them not at all or not very effective and only 2.4% rating them as very effective.”

When end users are frustrated, site owners should beware. The companies that make these tools often promise site owners immediate compliance with laws and standards. Not necessarily.

Automation is not a reliable approach to accessibility. To make matters worse, installation of automated overlay tools – and the page reconfigurations they execute – can slow down page loading and impair functionality of common assistive technology that supports users. Consider also:

  • According to accessibility expert Adrian Roselli: “We have found that in some instances, implementing an overlay makes it more difficult for a blind person to use a website. There have even been allegations that some overlays, rather than making the website accessible, actually interfere with automated testing tools, providing false positives for websites that are really inaccessible. This means that the website will have the appearance of being accessible without necessarily meeting accessibility standards.” (Read more about the negative effects of accessibility overlays and watch a video by a visually disabled website user explaining her experience with them.)
  • Some overlay tools set cookies on users’ computers. These cookies automatically track user settings and cause the overlay configurations to persist as users travel from site to site. Failure to offer users an explicit opt-in to this tracking could put your company at risk of GDPR and CCPA infringements.
  • If your business serves customers in Europe, be advised that the European Commission has published a statement making it clear that overlays aren't an acceptable path to WCAG compliance. And in 2023, the European Disability Forum and the International Association of Accessibility Professionals came together to issue a statement against the use of overlays. (Note that the EU's European Accessibility Act will take effect in Spring 2025 and requires US companies operating in EU countries to meet WCAG 2.1 AA standards.)

Automated tools, then, are not the panacea they purport to be. Even if they worked as advertised, much of their functionality would be redundant given the array of readily available tools that assist users comprehensively across the web.



Major web browsers offer native controls or extensions for presentation characteristics, including font size, zoom, and color contrast. Users with or without disabilities choose to employ these controls to navigate the web in ways that best suit their personal preferences. Additionally, users can employ such assistive technology devices as screen readers, screen magnification software, alternative input devices, voice recognition software, and such adaptive strategies as mouse speed selection.

Ideally, your website integrates well with common browser functions and assistive tools and practices. This is a matter of leveraging semantic HTML and following Web Accessibility standards and best practices.

The folks at overlayfactsheet.com sum up the effect of web overlays well: “… it is a mistake to believe that the features provided by the overlay widget will be of much use by end users because if those features were necessary to use the website, they'd be needed for all websites that the user interacts with. Instead, the widget is – at best – redundant functionality with what the user already has.”

Engage an Accessibility Expert to Identity and Remediate Issues

Much of the web remains inaccessible to many users. An automated accessibility analysis of the home pages for the top million websites in 2021 showed 97.4% of home pages had detectable failures against the Web Content Accessibility Guidelines (WCAG) 2.1 Standard. The failure number for 2020 was 98.1%.

We at Northwoods think that level of progress is too slow. That’s why we’ve built a strong accessibility practice within our web design and development company. While some automated overlay tools can suffice as a temporary patch for certain problems, we find they are insufficient, can make things worse for users, and can be very costly in the long term.

As the International Association of Accessibility Professionals (IAAP), states: “IAAP believes that Overlays, plugins, or widgets must never impede access to users’ assistive technology, choice of browsers and/or operating system features. IAAP therefore does not support members making false claims about any products or services which could be harmful, either directly or indirectly, to end-users, including people with disabilities, or the integrity of the accessibility profession. More specifically, in relation to Overlay technologies, at this time companies should refrain from using marketing language implying that a website or application can be made fully accessible to all people with disabilities by simply installing a plugin or widget without requiring additional steps or services.”

This is why the best way to correct and enhance accessibility is to bring in an expert in the field. An expert can audit and evaluate the current level of a site’s accessibility, discover and report errors, and develop a roadmap to remediation that prioritizes repairs by scope and impact.

Accessibility is serious business – and it's good business. It pays to take it seriously.

Additional Reading

If you’re concerned about website accessibility and aren’t sure what steps to take, don’t hesitate to contact us. Our accessibility experts are happy to help!

Authored By

Sydney Shimko

Sydney Shimko

Front End Development Practice Lead

hand-drawn owl

Get Expert Tips

3693532/Blog/Thinking-About-Using-a-Website-Overlay-Accessibility-Tool-Think-Again3
<p><span class="h6"><span class="h6">Updated: Feb. 16, 2024: Aug. 23, 2023; April 4, 2022</span><br /> Originally Published: May 11, 2021</span></p> <p><br /> Many accessibility tools and products on the market &ldquo;bolt on&rdquo; to your website as third-party scripts or plugins. These overlay tools claim to make websites more accessible to end users and/or protect site owners from accessibility lawsuits.</p> <p>Many of these products use JavaScript to detect and attempt to correct problems or enhance accessibility by manipulating your website&rsquo;s front-end code. Some products extend presentation controls to end users, so they can customize, for example, contrast and font size.</p> <p>These bolt-ons also address (or claim to address) accessibility issues related to: &nbsp;</p> <ul> <li>writing and adding alternative text for images,</li> <li>keyboard control,</li> <li>and improving field labels, error handling, and focus control on forms.</li> </ul> <p>Sounds like a great, easy fix, right? Not so fast.</p> <h2>Overlay Tools, Underwhelming Results</h2> <p>A&nbsp;<a href="https://webaim.org/projects/practitionersurvey3/#overlay" linktype="3" target="_blank">WebAIM Survey of Web Accessibility Practitioners</a>&nbsp;found&nbsp;that &ldquo;A strong majority (67%) of respondents rate these tools as not at all or not very effective. Respondents with disabilities were even less favorable, with 72%&nbsp;rating them not at all or not very effective and only 2.4%&nbsp;rating them as very effective.&rdquo;</p> <p>When end users are frustrated, site owners should beware. The companies that make these tools often promise site owners immediate compliance with laws and standards. Not necessarily.</p> <p>Automation is not a reliable approach to accessibility. To make matters worse, installation of automated overlay tools &ndash;&nbsp;and the page reconfigurations they execute &ndash;&nbsp;can slow down page loading and impair functionality of common assistive technology that supports users. Consider also:</p> <ul> <li>According to accessibility expert <a href="https://adrianroselli.com/2020/06/accessiBe-will-get-you-sued.html#Spoofs" linktype="3" target="true">Adrian Roselli</a>: &ldquo;We have found that in some instances, implementing an overlay makes it more difficult for a blind person to use a website. There have even been allegations that some overlays, rather than making the website accessible, actually interfere with automated testing tools, providing false positives for websites that are really inaccessible. This means that the website will have the appearance of being accessible without necessarily meeting accessibility standards.&rdquo; (<a href="https://nfb.org/images/nfb/publications/bm/bm21/bm2105/bm210510.htm" linktype="3" target="true">Read more about the negative effects of accessibility overlays</a>&nbsp;and <a href="https://youtu.be/R12Z1Sp-u4U" linktype="3" target="_blank">watch a video</a> by a visually disabled website user explaining her experience with them.)</li> <li>Some overlay tools set cookies on users&rsquo; computers. These cookies automatically track user settings and cause the overlay configurations to persist as users travel from site to site. Failure to offer users an explicit opt-in to this tracking could put your company at risk of <a href="/Blog/3-Basic-First-Steps-Toward-Online-Data-Privacy-Law-Compliance" linktype="8" target="_self">GDPR</a> and <a href="/Blog/CCPA-Privacy-Law-Regulations-Have-Been-Expanded" linktype="8" target="_self">CCPA</a> infringements.</li> <li>If your business serves customers in Europe, be advised&nbsp;that the <a href="https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and-development/accessibility/testing-early-and-regularly/accessibility-overlays_en" linktype="3" target="_blank">European Commission</a> has published a statement making it clear that overlays aren&#39;t an acceptable path to WCAG compliance. And in 2023, the European Disability Forum and the International Association of Accessibility Professionals came together to issue&nbsp;a <a href="https://www.edf-feph.org/publications/joint-statement-on-accessibility-overlays/" linktype="3" target="_blank">statement</a> against the use of overlays. (Note that the EU&#39;s European Accessibility Act&nbsp;will take&nbsp;effect in Spring 2025 and requires US companies operating in EU countries to meet WCAG 2.1 AA standards.)</li> </ul> <p>Automated tools, then, are not the panacea they purport to be. Even if they worked as advertised, much of their functionality would be redundant given the array of readily available tools that assist users comprehensively across the web.</p> <hr /> <p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/LrjnSsW-IRY?si=xS_Wj51ugQQQ8yyl?rel=0" title="What You Need to Know About the European Accessibility Act video" width="560"></iframe></p> <hr /> <p>Major web browsers offer native controls or extensions for presentation characteristics, including font size, zoom, and&nbsp;color contrast. Users with or without disabilities choose to employ these controls to navigate the web in ways that best suit their <a href="https://www.w3.org/WAI/people-use-web/tools-techniques/#tools" linktype="3" target="_blank">personal preferences</a>. Additionally, users can employ such assistive technology devices as screen readers, screen magnification software, alternative input devices, voice recognition software, and such adaptive strategies as mouse speed selection.</p> <p>Ideally, your website integrates well with common browser functions and assistive tools and practices. This is a matter of leveraging semantic HTML and following Web&nbsp;Accessibility standards and best practices.</p> <p>The folks at <a href="https://overlayfactsheet.com/" linktype="3" target="_blank">overlayfactsheet.com</a> sum up the effect of web overlays well: &ldquo;&hellip; it is a mistake to believe that the features provided by the overlay widget will be of much use by end users because if those features were&nbsp;necessary&nbsp;to use the website, they&#39;d be needed for all websites that the user interacts with. Instead, the widget is &ndash; at best &ndash; redundant functionality with what the user already has.&rdquo;</p> <h2>Engage an Accessibility Expert to Identity and Remediate Issues</h2> <p>Much of the web remains inaccessible to many users. An <a href="https://webaim.org/projects/million/" linktype="3" target="_blank">automated accessibility analysis</a> of the home pages&nbsp;for the top million websites&nbsp;in 2021 showed 97.4%&nbsp;of home pages&nbsp;had detectable failures against the Web&nbsp;Content Accessibility Guidelines (WCAG) 2.1 Standard. The failure number for 2020 was 98.1%.</p> <p>We at Northwoods think that level of progress is too slow. That&rsquo;s why we&rsquo;ve built a strong accessibility practice within our web design and development company. While some automated overlay tools can suffice as a temporary patch for certain problems, we find they are insufficient, can make things worse for users, and can be very costly in the long term.</p> <p>As the <a href="https://www.accessibilityassociation.org/s/overlay-position-and-recommendations" linktype="3" target="_blank">International Association of Accessibility Professionals</a> (IAAP), states: &ldquo;IAAP believes that Overlays, plugins, or widgets must never impede access to users&rsquo; assistive technology, choice of browsers and/or operating system features. IAAP therefore does not support members making false claims about any products or services which could be harmful, either directly or indirectly, to end-users, including people with disabilities, or the integrity of the accessibility profession. More specifically, in relation to Overlay technologies, at this time companies should refrain from using marketing language implying that a website or application can be made fully accessible to all people with disabilities by simply installing a plugin or widget without requiring additional steps or services.&rdquo;</p> <p>This is why the&nbsp;best way to correct and enhance accessibility is to bring in an expert in the field. An expert can audit and evaluate the current level of a site&rsquo;s accessibility, discover and report errors, and develop a roadmap to remediation that prioritizes repairs by scope and impact.</p> <p>Accessibility is serious business &ndash;&nbsp;and it&#39;s good business. It pays to take it seriously.</p> <h2>Additional Reading</h2> <ul> <li><a href="https://www.nytimes.com/2022/07/13/technology/ai-web-accessibility.html" linktype="3" target="_blank">For Blind Internet Users, the Fix Can Be Worse than the Flaws</a> (<em>New York Times</em>)</li> <li><a href="https://www.forbes.com/sites/gusalexiou/2021/06/26/largest-us-blind-advocacy-group-bans-web-accessibility-overlay-giant-accessibe/?sh=62882ab45a15" linktype="3" target="_blank">Largest U.S. Blind Advocacy Group Bans Web Accessibility Overlay Giant AccessiBe from Its National Convention</a> (<em>Forbes</em>)</li> <li><a href="https://info.usablenet.com/ada-website-compliance-lawsuit-tracker" linktype="3" target="_blank">ADA Website Compliance Lawsuit Tracker</a> (UsableNet)</li> </ul> <p><em>If you&rsquo;re concerned about website accessibility and aren&rsquo;t sure what steps to take, don&rsquo;t hesitate to <a href="/Contact-Us" linktype="2" target="_self">contact us</a>. Our accessibility experts are happy to help!</em></p>
/Northwoods-2020/Hero-Images/Hiker-Looking-Out-Over-Mountains.pngHiker Looking Out Over MountainsAutomation is not a reliable approach to #webaccessibility. Installation of automated overlay tools can slow down page loading & impair functionality of common #assistivetechnology that supports users. https://bit.ly/2RepwpM @northwoodsSydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgThe author in front of a log cabin wall with soft, warm lightingFront-End Development Practice Leadhttps://ctt.ac/_3xg0<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script>hbspt.forms.create({ region: "na1", portalId: "23630176", formId: "40c5bbae-05a2-42ea-94dd-1662181fd56e" });</script>/Northwoods-2020/Blogs/Social-Media-Cards/Social-Card---Accessibility-Overlay-Tools.jpg?LargeThinking About Using a Website Overlay Accessibility Tool? Think Again.2024-02-16T00:00:00/Northwoods-2020/Blogs/Social-Media-Cards/Social-Card---Accessibility-Overlay-Tools.jpgThinking About Using a Website Overlay Accessibility Tool? Think Again.Many accessibility tools and products on the market “bolt on” to your website as third-party scripts or plugins. They claim to make websites more accessible to end users and/or protect site owners from accessibility lawsuits. Sounds like a great, easy solution, right? Here's what you need to know.362219/People/Sydney-ShimkoSydneyShimkoFront End Development Practice Lead<p>Sydney is a skilled UX developer who seamlessly blends the aesthetics of thoughtful design with responsive, semantic code. With a passion for delivering top-notch solutions, she negotiates constant change in the field of front end development and ensures functionality across an ever-growing variety of devices and screen sizes. Sydney is also Northwoods&rsquo; go-to web accessibility expert, and she strives to deliver creative, efficient solutions that improve usability for everyone. When not crafting exceptional websites, Sydney is an avid mountain biker, road cyclist, and coffee enthusiast and serves as co-head coach to the Shorewood Mountain Bike Team.&nbsp;</p>Sydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgSydney ShimkoAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesSkillLevel - NWS Data ModulesTopic - NWS Data ModulesVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data ModulesTeamAll StaffDesignersDevelopersAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesNWS DigitalSkillLevel - NWS Data ModulesTopic - NWS Data ModulesAccessibilityUX & Website DesignVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data Modules02024-05-13T12:06:41.91300