--- title: 4 Ways Web Accessibility Overlays Fail description: Web accessibility overlays are tempting, but can fail badly. Not taking a few key things into consideration can leave you with an inaccessible website... image: https://blog.usablenet.com/hubfs/web-accessibility-overlays.jpg --- - [skip to menu](https://blog.usablenet.com/web-accessibility-overlay-failures#nav) - [skip to content](https://blog.usablenet.com/web-accessibility-overlay-failures#main-content) - [skip to footer](https://blog.usablenet.com/web-accessibility-overlay-failures#footer) Test the accessibility of your website for free! Try UsableNet AQA. [Test now!](https://usablenet.com/automated-accessibility-testing-tool) Close [![UsableNet home](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/logo.png?width=429&height=62&name=logo.png)](https://usablenet.com/) - [Solutions](https://usablenet.com) ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Explore which of our digital accessibility solutions is right for you [Watch a Demo](https://info.usablenet.com/choose-a-demo?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1737658630173.1737669055746.199&__hssc=181257784.7.1737669055746&__hsfp=3011104808) - [Resources](https://usablenet.com/resources) ## Resources - [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [Tools](https://usablenet.com/resources?contentType=Tools) - [All Resources](https://usablenet.com/resources) ## Essential Resources ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-1.png?width=100&height=100&name=resources-1.png) [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-2.png?width=100&height=100&name=resources-2.png) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-3.png?width=100&height=100&name=resources-3.png) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz) ![](https://blog.usablenet.com/hs-fs/hubfs/ADA%20Primer.png?width=100&height=100&name=ADA%20Primer.png) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance) - [Who We Serve](https://usablenet.com/strategic-relationships) ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/e-commerce-accessibility-solutions) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/eaa-en-301-549-compliance) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) Close Open Menu - Solutions ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Which accessibility remediation approach is right for me? [Take our Quiz](https://info.usablenet.com/website-accessibility-remediation-quiz) - Resources ## Resources [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) [Reports](https://usablenet.com/resources?contentType=Reports) [Webinars](https://usablenet.com/resources?contentType=Webinars) [Tools](https://usablenet.com/resources?contentType=Tools) [All Resources](https://usablenet.com/resources) ## Essential Resources [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) - Who We Serve ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/compliance-europe) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) # 4 Ways Web Accessibility Overlays Fail **By** [Jason Taylor, Chief Innovation Strategist](https://blog.usablenet.com/author/jason-taylor) on Sep 20, 2023 **Topics:** [Web Accessibility](https://blog.usablenet.com/topic/web-accessibility) 0 Comments - - - ![web accessibility overlays](https://blog.usablenet.com/hubfs/web-accessibility-overlays.jpg) *Originally written on July 18, 2019. Content was updated in September 2023. * In the last couple of years a range of new vendors  have started promoting solutions that claim to provide a silver bullet to web accessibility challenges. They are almost all implemented as buttons or overlays that claim to bring the site into conformance with WCAG 2.0 or 2.1 AA.  The truth is they fail in four fundamental areas.  1. **Overlays only fix the easy stuff, leaving big accessibility gaps.**  2. **Overlays override the user's existing assistive technology.** 3. **Overlays lack WCAG conformance certainty** 4. **Overlays do not support mobile web users**  There are many new vendors offering similar overlay solutions  because they are technically easy-to-do and cheap-to-provide but they fail to deliver true web accessibility to all. They are feeding off the [surge of ADA-based Web accessibility](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker)[law](https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report)[suits](https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report) that many  companies searching for quick solutions to the very complex issue of accessibility.   The truth is that for companies with existing complex websites, [retail](https://blog.usablenet.com/retail-industry-becomes-top-target-for-ada-lawsuits-blog), [restaurants](https://info.usablenet.com/2019-ada-web-accessibility-lawsuit-recap-report), travel, banking and healthcare, [web accessibility](https://info.usablenet.com/web-accessibility-your-roadmap) is hard work. These solutions fail in three fundamental areas which I dive into below.  If you did not include accessibility at the start of a website build and want a solution that is usable by all and fully conforms to WCAG,  someone will have to do the hard work of updating all your code (HTML, JavaScript and CSS) and design.   ## Web Accessibility Overlays Cut Corners   I want to be clear that these vendors do some of the work. But what they fix is easy stuff to spot and the easy stuff to fix (and maybe your own team should be doing it anyway).  After these fixes, they promise that their overlay technology can  address and fix the rest of the accessibility issues.   Overlay-based solutions can work for simple, informational websites. But for businesses with visitor interactions  like pop-ups for product size and color selection, pop-ups to selecting seats or rooms; calendars for  delivery dates or times, account management, etc; these solutions cannot  deliver accessibility for all users.  ## Four reasons why web accessibility overlays fall short Below I have highlighted the three biggest flaws in these solutions for modern websites. I also want to explain what they do and how they do it, so you can compare approaches.  ## 1. Overlays only Fix the easy stuff, leaving big Web accessibility gaps  Here is how they generally work: you add a line of code to your website that calls the vendors' server to load a set of fixes they have  prepared.  It also includes an icon on your page which opens an overlay (typically they will use a little blue man which is the symbol for accessibility). The fixes loaded are only for attributes and tags on elements. This means they do not address the design of the page or the functionality.  The visual display of the web page does not change.  [![See our full guide on web accessibility. >>](https://no-cache.hubspot.com/cta/default/3280432/485cb1cc-ad69-472b-b817-59cb57129c9d.png)](https://cta-redirect.hubspot.com/cta/redirect/3280432/485cb1cc-ad69-472b-b817-59cb57129c9d) Element attributes such as alt tags, labels, header etc. are important for accessibility.  They are also the items that most automated accessibility testing tools, such as WAVE will find. This makes it easy for an overlay vendor to quickly demonstrate with automated tools that some of the accessibility issues have been resolved.   Sounds good so far, right? There is a catch. The fixes added in  this process  represent [only 20% of the accessibility](https://blog.usablenet.com/automated-wcag-testing-is-not-enough-for-web-accessibility-ada-compliance)[areas](https://info.usablenet.com/c-automated-accessibility-testing) that need to be reviewed and fixed.   Updating attributes  **cannot  address** more significant barriers. Some vendors may claim, "but we can use ARIA tags to fix complex interactions".  That can only be true if that interaction was built with ARIA in mind. However, most  existing scripting on sites did not consider accessibility when coded and how ARIA could be used. Practically speaking, those interactions need to be re-coded. That's the hard stuff.   How do overlay vendors solve for the 80% of accessibility challenges they can’t fix by updating attributes? By pointing to their overlay technology to solve these bigger issues. They will have cool sounding features such as; text-to-speech, texted based navigation, color contrast tools, and text resizing, that look great in a demo and seem to add value.  So, what is the problem? In reality, these features offer little or no value to current assistive technology users because. . . ## **2. Overlays override the user's existing assistive technology ** This is the biggest weakness. People with disabilities who require assistive technology to use and navigate websites already have preferred assistive technology that they use every day. They have invested their time to learn how to use it and are likely most comfortable using their own devices to navigate the web. Their devices are set up to do the things they need such as, text-to-speech, zoom, color contrast, etc. An overlay attempts to replace the functionality of these devices.  To use the "text-to-speech" feature in an overlay, the person requiring the assistive technology must turn off their own, preferred screen-reader and rely solely on the overlay.  Joe DiNero who heads the UsableNet's User Testing group is a long-time screen reader user and a teacher at  the Helen Keller Institute in New York. He explains, "Using the overlay screen reader instead of my regular screen reader locks me into a small set of features such as arrow, tab and maybe heading navigation. When I use my screen reader on a regular site that has been properly coded or fixed for accessibility, I can access any form control on the screen (buttons, edit fields, aria controls, etc.) and I have the ability to pull up a list of links on the page. Moving to the overlay removes all powerful and useful features from me."  So, if an overlay-solution promises to fix 80% of the accessibility items that could not be fixed when the vendor updated attributes, then this value is likely lost for the average screen-reader user, the same customer you are trying to serve with your accessibility updates.  ## **3. Overlays lack WCAG  conformance certainty**   All major accessibility laws and policies around the world, as well as past DOJ settlements, ADA lawsuits and resulting settlements reference the WCAG 2.0 AA as the  prevailing minimal standard. That could extend to the new WCAG 2.1 soon, but will take time for laws and policies to catch up. The WCAG is clear on conformance. Every page’s code of a web site has to pass a set of Success Criteria. There are 37 in WCAG 2.0 AA and [WCAG 2.1](https://blog.usablenet.com/new-web-content-accessibility-guidelines-wcag-2.1-what-when-how) adds even more. The WCAG does not  reference accessibility overlays as a means of conforming because  the only true way a person using a screen reader or other assistive technology can have full and equal access to your website is by providing them an experience where the design and code has been developed to WCAG standards. This ensures that they can  continue to use their chosen technology. ## **4. Overlays **do not support Mobile Web users****  The final item and really a huge blow to blind or other users that rely on mobile devices now more than desktop is the lack of support for mobile wed. The mobile device is now the most important device in a blind users life, using it for all aspects of digital connection. When web sites use overlays they remove any benefit they may have for the most important channel in digital today.  ### **But all these solutions  promote that they are ADA compliant. How can they say that? **  The ADA does not define a standard for website accessibility, which is one of the main reasons there are so many lawsuits. Some companies may hope that adding an overlay is enough to avoid a lawsuit. But it may not be, and more importantly is it enough for you to not offer a fully inclusive digital experience?” ### **How can UsableNet help?**  If you want to ensure access to all and avoid lawsuits, you need to ensure all your code is updated to WCAG standards.   You can do that hard work yourself and UsableNet has technology and services to support your efforts. If you prefer, UsableNet can do all the work for you through dynamic remediation and  UsableNet Assistive. [UsableNet](https://usablenet.com/technology/assistive-technology-services)[ Assistive](https://usablenet.com/technology/assistive-technology-services) is the only solution that can handle the hard fixes (80% of issues) as well as the easy, automated ones, in order to provide a fully compliant WCAG solution. UsableNet Assistive and our team continuously monitor and remediate any new content or code you introduce as part of your regular website update and improvements.  There are no shortcuts to making and keeping your website  and apps accessible, but UsableNet experts are here to help. If you're ready, [contact us](https://usablenet.com/contact) we offer a free, 30 minute consultation to get you started—or read our free web and app accessibility guide to start building your own roadmap. [![The European Accessibility Act is Now in Effect - Schedule a Consulation now to see if you're affected](https://no-cache.hubspot.com/cta/default/3280432/interactive-191261690494.png)](https://blog.usablenet.com/hs/cta/wi/redirect?encryptedPayload=AVxigLL%2Fa1KFDUrDPqu2nE7%2BA5I8sujA32u6RJv3oCD1r%2FdWEjC%2FiUAPAiCdv2AOzsvTmcoQ%2FwCxaZ9J98d7ZCMhawL0LwsuXNdGiVwAedPMm9J0P3ItUb0tiwZyoT%2FtfYjmkG5Kpv%2BDM1xouptiXBrrsCtPOGFAk0OvtHkOYNu%2FIom0pVIzvtuh3OJXiB6Y4AyQsXjJmy1ZI2%2FZ82bnCAOSMxiRLTd4nKex&webInteractiveContentId=191261690494&portalId=3280432) ![Jason Taylor, Chief Innovation Strategist](https://blog.usablenet.com/hubfs/Reuploads%20-%20SEO/Jason%20Taylor.png) ### [Jason Taylor, Chief Innovation Strategist](https://blog.usablenet.com/author/jason-taylor) Jason C. Taylor is the Chief Innovation Strategist and Advisor to the UsableNet CEO with over 20 years of experience in usability and accessibility. Jason is a global technology thought leader for multichannel customer engagement, actively advising leading companies on how to extend their brands across multiple channels for all users. He has been an active member of the accessibility and usability communities since 2001, which started with leading partnerships between UsableNet, Macromedia (now Adobe), and The Nielsen Norman Group. - - - - ### Related posts ![Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ![The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/hubfs/The%20Low-Cost%20Moves%20That%20Strengthen%20an%20ADA%20Website%20Defense.png) [The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/the-low-cost-moves-that-strengthen-an-ada-website-defense) Jun 16, 2026 ### Sign Up for the UsableNet Blog ### Recent Posts ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![feature image](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ### Posts by Topic - [Web Accessibility (311)](https://blog.usablenet.com/topic/web-accessibility) - [User Experience (113)](https://blog.usablenet.com/topic/user-experience) - [ADA Lawsuits (45)](https://blog.usablenet.com/topic/ada-lawsuits) - [ADA Website Compliance (38)](https://blog.usablenet.com/topic/ada-website-compliance) - [European Accessibility Act (34)](https://blog.usablenet.com/topic/european-accessibility-act) - [Mobile Web (30)](https://blog.usablenet.com/topic/mobile-web) - [Mobile Apps (27)](https://blog.usablenet.com/topic/mobile-apps) - [Retail (27)](https://blog.usablenet.com/topic/retail) ![](https://blog.usablenet.com/hubfs/Consultation%20Icon.svg) Need to improve digital usability, accessibility or performance? We can help. [Partner with us. Get in touch..](https://usablenet.com/getintouch?hsCtaTracking=34f54ed4-8696-43c9-b740-a3982b4b5d91%7Cf4246c48-bf25-487f-9058-34abb838058e) ## Page Footer ### Have a question? **Contact Us** [Book a Consultation](https://calendly.com/usablenet-accessibility/introduction?month=2025-02) [Watch a Demo](https://info.usablenet.com/choose-a-demo) ### Solutions - [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) - [UsableNet AQA](https://usablenet.com/technology/aqa) - [Accessibility Audit & Support Services](https://usablenet.com/services) - [Pricing and Plans](https://usablenet.com/pricing) ### Resource Library - [Blog](https://blog.usablenet.com/) - [E-Books](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Test your website for accessibility](https://usablenet.com/automated-accessibility-testing-tool) - [ADA Monthly Lawsuit Tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [All Resources](https://usablenet.com/resources?all=true) ### Who We Serve - [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) - [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) - [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) - [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) - [Healthcare](https://info.usablenet.com/industries-healthcare) - [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) ### Compliance - [European Accessibility Laws](https://info.usablenet.com/compliance-europe) - [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) ### Company - [About Us](https://usablenet.com/about-us) - [LLM Resources](https://usablenet.com/for-ai-assistants) [Accessibility Support](https://blog.usablenet.com/support)| [Privacy Policy](https://blog.usablenet.com/privacy)| [Accessibility Statement](https://blog.usablenet.com/accessibility-statement)| [Diversity and Inclusion Statement](https://blog.usablenet.com/diversity-and-inclusion)| Accessibility Status | [Technology Patents](https://blog.usablenet.com/technology/patent) ## **Sign Up** for the **UsableNet Blog** Join our mailing list to receive email notifications when we publish a new blog, infographic, whitepaper or newsletter. Stay up-to-date on our insights, the latest tech news and digital trends. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Jason Taylor, Chief Innovation Strategist", "url" : "https://blog.usablenet.com/author/jason-taylor" }, "dateModified" : "2025-06-11T18:17:27.037Z", "datePublished" : "2023-09-20T20:31:00.000Z", "headline" : "4 Ways Web Accessibility Overlays Fail", "image" : [ "https://blog.usablenet.com/hubfs/web-accessibility-overlays.jpg" ], "mainEntityOfPage" : { "@id" : "https://blog.usablenet.com/web-accessibility-overlay-failures", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.usablenet.com/hubfs/UsableNet%20Logo_Black.png" }, "name" : "UsableNet Inc." } } ``` ```json { "@context" : "http://schema.org", "@type" : "Article", "articleBody" : "In the last twelve months a range of new vendors  have started to promote solutions that claim to provide a silver bullet to the accessibility challenges. They are almost all implemented as buttons or overlays that claim to bring the site into conformance with WCAG 2.0 or 2.1 AA. The truth is they fail in three fundamental areas.

\n
    \n
  1. Overlay vendors fix only the easy stuff leaving big accessibility gaps.
    2. \n
  2. Overlays override users existing assistive technology such as a screen reader.
    3. \n
  3. Overlays lack WCAG conformance certainty
    4. \n
  4. Overlays do not support Mobile Web users
    5. \n
\n

There are many new vendors offering similar overlay solutions  because they are technically easy-to-do and cheap-to-provide but they fail to deliver true accessibility to all. They are feeding off the surge of ADA-based Web accessibility lawsuits that many  companies searching for quick solutions to the very complex issue of accessibility.

\n

The truth is that for companies with existing complex websites, retail, restaurants, travel, banking and healthcare, web accessibility is hard work. These solutions fail in three fundamental areas which I dive into below.  If you did not include accessibility at the start of a website build and want a solution that is usable by all and fully conforms to WCAG,  someone will have to do the hard work of updating all your code (HTML, JavaScript and CSS) and design. 

\n

So what corners are these new overlay companies cutting? 

\n

I want to be clear that these vendors do some of the work. But what they fix is easy stuff to spot and the easy stuff to fix (and maybe your own team should be doing it anyway). After these fixes, they promise that their overlay technology can address and fix the rest of the accessibility issues. 

\n

Overlay-based solutions can work for simple, informational websites. But for businesses with visitor interactions  like pop-ups for product size and color selection, pop-ups to selecting seats or rooms; calendars for  delivery dates or times, account management, etc; these solutions cannot  deliver accessibility for all users.

\n

3 reasons why website accessibility overlays fall short

\n

Below I have highlighted the three biggest flaws in these solutions for modern websites. I also want to explain what they do and how they do it, so you can compare approaches.

\n

1. Overlay vendors fix only the easy stuff leaving big accessibility gaps.

\n

Here is how they generally work: you add a line of code to your website that calls the vendors' server to load a set of fixes they have  prepared. It also includes an icon on your page which opens an overlay (typically they will use a little blue man which is the symbol for accessibility). The fixes loaded are only for attributes and tags on elements. This means they do not address the design of the page or the functionality.  The visual display of the web page does not change.

\n

See our full guide on web and app accessibility. >>

\n

Element attributes such as alt tags, labels, header etc. are important for accessibility. They are also the items that most automated accessibility testing tools, such as WAVE will find. This makes it easy for an overlay vendor to quickly demonstrate with automated tools that some of the accessibility issues have been resolved.

\n

Sounds good so far, right? There is a catch. The fixes added in  this process  represent  only 20% of the accessibility areas  that need to be reviewed and fixed.

\n

Updating attributes  cannot  address more significant barriers. Some vendors may claim, "but we can use ARIA tags to fix complex interactions". That can only be true if that interaction was built with ARIA in mind. However, most  existing scripting on sites did not consider accessibility when coded and how ARIA could be used. Practically speaking, those interactions need to be re-coded. That's the hard stuff. 

\n

How do overlay vendors solve for the 80% of accessibility challenges they can’t fix by updating attributes? By pointing to their overlay technology to solve these bigger issues. They will have cool sounding features such as; text-to-speech, texted based navigation, color contrast tools, and text resizing, that look great in a demo and seem to add value. So, what is the problem? In reality, these features offer little or no value to current assistive technology users because. . .

\n

2. Overlays override the users' existing assistive technology

\n

This is the biggest weakness. People with disabilities who require assistive technology to use and navigate websites already have preferred assistive technology that they use every day. They have invested their time to learn how to use it and are likely most comfortable using their own devices to navigate the Web. Their devices are set up to do the things they need such as, text-to-speech, zoom, color contrast, etc. An overlay attempts to replace the functionality of these devices.

\n

To use the "text-to-speech" feature in an overlay, the person requiring the assistive technology must turn off their own, preferred screen-reader and rely solely on the overlay.

\n

Joe DiNero who heads the UsableNet's User  Testing group is a long-time screen reader user and a teacher at  the Helen Keller Institute in New York. He explains,

\n

"Using the overlay screen reader instead of my regular screen reader locks me into a small set of features such as arrow, tab and maybe heading navigation. When I use my screen reader on a regular site that has been properly coded or fixed for accessibility, I can access any form control on the screen (buttons, edit fields, aria controls, etc.) and I have the ability to pull up a list of links on the page. Moving to the overlay removes all powerful and useful features from me."

\n

So, if an overlay-solution promises to fix 80% of the accessibility items that could not be fixed when the vendor updated attributes, then this value is likely lost for the average screen-reader user, the same customer you are trying to serve with your accessibility updates.

\n

3. Overlays lack WCAG  conformance certainty

\n

All major accessibility laws and policies around the world, as well as past DOJ settlements, ADA lawsuits and resulting settlements reference the WCAG 2.0 AA as the  prevailing minimal standard. That could extend to the new WCAG 2.1 soon, but will take time for laws and policies to catch up.

\n

The WCAG is clear on conformance. Every page’s code of a web site has to pass a set of Success Criteria. There are 37 in WCAG 2.0 AA and  WCAG 2.1 adds even more.

\n

The WCAG does not  reference accessibility overlays as a means of conforming because  the only true way a person using a screen reader or other assistive technology can have full and equal access to your website is by providing them an experience where the design and code has been developed to WCAG standards. This ensures that they can  continue to use their chosen technology.

\n

4. Overlays do not support Mobile Web users

\n

The final item and really a huge blow to blind or other users that rely on mobile devices now more than desktop is the lack of support for mobile wed.

\n

The mobile device is now the most important device in a blind users life, using it for all aspects of digital connection. When web sites use overlays they remove any benefit they may have for the most important channel in digital today.

\n

But all these solutions  promote that they are ADA compliant. How can they say that? 

\n

The ADA does not define a standard for website accessibility, which is one of the main reasons there are so many lawsuits. Some companies may hope that adding an overlay is enough to avoid a lawsuit. But it may not be, and more importantly is it enough for you to not offer a fully inclusive digital experience?”

\n

How can UsableNet help?

\n

If you want to ensure access to all and avoid lawsuits, you need to ensure all your code is updated to WCAG standards. 

\n

You can do that hard work yourself and UsableNet has technology and services to support your efforts. If you prefer, UsableNet can do all the work for you through dynamic remediation and  UsableNet Assistive.  UsableNet Assistive is the only solution that can handle the hard fixes (80% of issues) as well as the easy, automated ones, in order to provide a fully compliant WCAG solution. UsableNet Assistive and our team continuously monitor and remediate any new content or code you introduce as part of your regular website update and improvements.

\n

There are no shortcuts to making and keeping your website  and apps accessible, but UsableNet experts are here to help. If you're ready, contact us we offer a free, 30 minute consultation to get you started—or read our free web and app accessibility guide to start building your own roadmap.", "author" : { "@type" : "Person", "name" : "Jason Taylor" }, "datePublished" : "2020-03-27T16:31:00", "image" : "https://blog.usablenet.com/hubfs/GettyImages-1041921962.jpg", "name" : "4 Reasons Why Accessibility Overlays Fall Short [Blog]", "publisher" : { "@type" : "Organization", "name" : "UsableNet" }, "url" : "https://blog.usablenet.com/3-reasons-why-accessibility-overlays-fall-short" } ```