{"id":1531,"date":"2024-10-30T11:32:09","date_gmt":"2024-10-30T11:32:09","guid":{"rendered":"https:\/\/wearesmile.com\/help\/?post_type=ht_kb&#038;p=1531"},"modified":"2024-10-30T11:51:21","modified_gmt":"2024-10-30T11:51:21","slug":"why-we-do-not-recommend-accessibility-overlays-for-your-website","status":"publish","type":"ht_kb","link":"https:\/\/wearesmile.com\/help\/documentation\/why-we-do-not-recommend-accessibility-overlays-for-your-website\/","title":{"rendered":"Why We Do Not Recommend Accessibility Overlays for Your Website"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>What Are Accessibility Overlays?<\/strong><\/h2>\n\n\n\n<p>Accessibility overlays are third-party tools that claim to &#8220;fix&#8221; accessibility issues automatically. These tools often add elements like screen reader capabilities, text resizing, colour contrast adjustments, and keyboard navigation. Overlays are marketed as quick, easy solutions to make websites compliant with accessibility standards like WCAG or ADA, without needing significant code or design changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why We Don\u2019t Recommend Accessibility Overlays<\/strong><\/h2>\n\n\n\n<p>Despite their appeal as an &#8220;easy fix&#8221;, accessibility overlays often fail to create meaningful, lasting accessibility improvements. Here\u2019s why we advise against their use:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Superficial Fixes Without Addressing Core Issues<\/strong><strong><br><\/strong>Accessibility overlays attempt to layer solutions over existing website issues instead of fixing the underlying design flaws that create barriers in the first place. As a result, these overlays can end up providing only partial, cosmetic fixes that don\u2019t improve usability for people with disabilities.<\/li>\n\n\n\n<li><strong>Potential to Create New Accessibility Issues<\/strong><strong><br><\/strong>Overlays can interfere with native assistive technology, such as screen readers, and may even add unnecessary layers of complexity. These tools can sometimes alter the behavior of websites in ways that make navigation and functionality more difficult for users, ultimately hindering the user experience instead of enhancing it.<\/li>\n\n\n\n<li><strong>False Sense of Security<\/strong><strong><br><\/strong>Many organizations may rely on overlays to check off compliance standards without verifying the true usability of their websites for people with disabilities. This can lead to a false sense of security, where a site appears compliant on paper but remains challenging to navigate for many users.<\/li>\n\n\n\n<li><strong>Legal Compliance Isn\u2019t Guaranteed<\/strong><strong><br><\/strong>While overlays may advertise compliance with accessibility standards, they typically do not meet the rigorous requirements of WCAG and ADA, which go beyond visual and functional add-ons. As a result, companies relying on overlays alone can still be at risk of accessibility lawsuits and complaints.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Recommended Alternatives to Accessibility Overlays<\/strong><\/h2>\n\n\n\n<p>Instead of relying on overlays, we recommend approaches that address accessibility from the ground up, making your website more inclusive and genuinely compliant. Here are some methods to ensure a truly accessible website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design for Accessibility from the Start<\/strong><strong><br><\/strong>Integrating accessibility directly into the design and development of your website ensures that all elements, from layout to interactions, are accessible. Following WCAG guidelines can help create a seamless, inclusive experience for all users.<\/li>\n\n\n\n<li><strong>Consult with Accessibility Experts<\/strong><strong><br><\/strong>Accessibility specialists and user testers can pinpoint specific barriers and provide tailored solutions. This approach offers a far more effective and user-centred solution than a one-size-fits-all overlay.<\/li>\n\n\n\n<li><strong>Regular Accessibility Audits<\/strong><strong><br><\/strong>Accessibility is an ongoing commitment. Conducting regular audits ensures that your website adapts to evolving standards, keeping your content and design accessible over time.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Our Stance<\/strong><\/h2>\n\n\n\n<p>While overlays are sometimes marketed as a simple solution to accessibility, we do not recommend their use due to the limitations mentioned above. Implementing accessibility best practices within your website\u2019s design and code is the most effective way to ensure a truly inclusive experience.<\/p>\n\n\n\n<p>For more information, see<a href=\"https:\/\/www.edf-feph.org\/accessibility-overlays-dont-guarantee-compliance-with-european-legislation\/\"> this resource on the risks of overlays<\/a> or our<a href=\"https:\/\/wearesmile.com\/resources-from-our-accessibility-webinar-16th-march-2021\/?smile\"> web accessibility webinar summary<\/a>.<\/p>\n\n\n\n<p>If you have questions about our commitment to accessibility, please contact our support team. We\u2019re here to help!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What Are Accessibility Overlays? Accessibility overlays are third-party tools that claim to &#8220;fix&#8221; accessibility issues automatically. These tools often add elements like screen reader capabilities, text resizing, colour contrast adjustments, and keyboard navigation. Overlays are marketed as quick, easy solutions to make websites compliant with accessibility standards like WCAG or&#8230;<\/p>\n","protected":false},"author":8,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_searchwp_excluded":"","footnotes":""},"ht-kb-category":[114],"ht-kb-tag":[],"class_list":["post-1531","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-accessibility"],"_links":{"self":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/1531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/comments?post=1531"}],"version-history":[{"count":3,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/1531\/revisions"}],"predecessor-version":[{"id":1535,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/1531\/revisions\/1535"}],"wp:attachment":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/media?parent=1531"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-category?post=1531"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=1531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}