--- title: Why web accessibility is key to a usable internet url: "https://b13.com/knowledge/web-accessibility-designing-beyond-compliance-to-create-inclusive-digital-experiences-for-all-users" description: "Complacency, lack of time, and insufficient knowledge often push accessibility to the back burner. But small changes made today can make your website more inclusive for everyone. We show you how! " image: "https://b13.com/fileadmin/_processed_/a/1/csm_AccessibilityIsKey_Sharing_a2a0715508.png" date: 2025-03-25 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Why web accessibility is key to a usable internet [ Accessibility ](https://b13.com/knowledge/accessibility) Web Accessibility: Designing Beyond Compliance to Create Inclusive Digital Experiences for All Users ====================================================================================================== ![](https://b13.com/fileadmin/_processed_/9/7/csm_marco_206efb483a.jpg)Marco Heine 25 March 2025 [ RSS Feed ](https://b13.com/rss.xml) When we talk about web accessibility, most people think of vision-impaired users. But accessibility goes far beyond screen readers or people who rely on keyboard navigation. Almost everyone has some form of disability, whether permanent, temporary, or situational, that impacts how they interact with the internet. Web accessibility is a term often used by many able-bodied people who don’t always know what it means. It can be a tick-in-the-box for some IT teams, but for millions of people, it’s a daily necessity. We still have a long way to go to make the internet fully accessible, but there are steps you can take today to improve your website’s accessibility. At b13, our mission is to provide solutions that bridge the digital divide and to create websites that are not only compliant with accessibility standards, but also provide a seamless and inclusive user experience for all. Need to make your website more accessible? [ Let’s connect ](https://b13.com/lets-connect) What web accessibility really means ------------------------------------- [Permanent, temporary and situational disabilities](https://b13.com/blog/the-2023-guide-to-accessibility-considerations-in-ux-design#c6109) affect almost everyone who uses the internet today. Sites like the [how-many app](https://how-many.herokuapp.com/index) reveal the [spectrum of disabled people](https://how-many.herokuapp.com/about) who might use a website. Importantly, some disabilities are visible and others are invisible, showcasing the need to embrace inclusive design as the foundation of any project. To address these needs, international standards like the [Web Content Accessibility Guideline](https://www.w3.org/TR/WCAG21/)s (WCAG) help ensure that web content is accessible to all users, regardless of ability. ![Screenshot how-many app](https://b13.com/fileadmin/_processed_/a/6/csm_image2_7415fbc598.webp) The how-many app helps reveal the spectrum of abilities of the people who use your website. The four main categories of disabilities affect how individuals interact with web content in distinct ways: - **Visual**: Visually impaired people rely on assistive technologies like screen readers to access web content. To accommodate these needs, ensure your content is compatible with text-to-speech tools, includes descriptive alt text for images, supports high-contrast settings, and offers adjustable text size and zoom functions. - **Hearing**: Hearing-impaired individuals need visual alternatives to audio content, such as captions for videos, transcripts for audio files, and visual alerts for notifications. - **Mobility**: People with mobility challenges may depend on specialized input devices, such as keyboards, joysticks, or speech recognition software, to interact with digital content. Design for compatibility with alternative input methods, offer large clickable areas, and make sure your content is fully navigable via keyboard. - **Cognitive and learning**: For those with memory, attention, or problem-solving difficulties, use clear, simple, and consistent web interface design with intuitive navigation and minimal distraction. Customizable interfaces and simplified displays also benefit this group. > Digital accessibility is a fundamental part of an inclusive society. European Disability Forum The internet is an essential part of our daily lives. And [over 1 billion people, about 16% of the world’s population](https://www.who.int/health-topics/disability#tab=tab_1), live with some form of disability. Accessibility is the foundation on which websites should be built—without it, any digital product or content isn’t truly usable. While it doesn’t guarantee an exemplary website or an enjoyable product, it ensures that what you create is usable by everyone. Improving digital accessibility is not just an empathetic choice or a smart business decision—it’s a necessity. Why the internet is not fully accessible ------------------------------------------ The [WebAIM Million](https://webaim.org/projects/million/) is an annual report on the accessibility of the top 1,000,000 home pages. In 2024, more than 56 million distinct accessibility errors were detected—an average of 56.8 errors per page. **95.9% of home pages were found to have WCAG 2 failures—a staggering statistic.** The current state of web accessibility is far from ideal. How did we get here? In my experience as a developer specializing in accessibility, I’ve noticed several recurring issues: **Complacency is a significant factor**. It’s easy to think that for most visitors to your website, it all just works. Especially if your SEO metrics are solid, stakeholders are happy, and sales are high. Accessibility just isn’t top of mind, or is [seen as a cost rather than an investment](https://www.boia.org/blog/why-businesses-struggle-with-web-accessibility-and-how-to-fix-it), so it doesn’t get prioritized in user stories and feature development. There’s a **lack of education** on the subject—[too little is taught about how to design and build for all abilities](https://teachaccess.org/accessibility-skills-gap/). As a developer, you must proactively seek out information about how to create accessible websites. If your product manager doesn’t provide the necessary guidance or your boss doesn’t allocate time for research, you must upskill yourself in accessibility in your own time. It’s **faster to build without it**, especially tailored features or extensions that are already complex to begin with. Fully accessible solutions are perceived as complex or time-consuming, which can lead teams to prioritize speed over inclusivity. Greater accessibility awareness is prompting action ----------------------------------------------------- ### The legal push for better accessibility The [European Accessibility Act](https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32019L0882) (EAA) comes into force on 28 June 2025, and it mandates that most digital products, including websites and e-commerce platforms, comply with [WCAG 2.1](https://www.w3.org/TR/WCAG21/) at the AA level. This includes providing text alternatives for non-text content, ensuring keyboard accessibility, and maintaining proper color contrast. The EAA builds on the [EU Web Accessibility Directive](https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX%3A32016L2102) from 2016 by expanding the scope of accessibility requirements beyond the public sector to include private businesses. The EEA introduces penalties for non-compliance, creating legal and financial risks for companies that fail to meet the guidelines. The Act also requires regular monitoring and reporting, further holding organizations accountable for their accessibility efforts. While it’s encouraging to see more attention being paid to digital accessibility, disabled users deserve and need equal web access now, regardless of the pace of legislation. ### Why Overlay Widgets Fall Short in Addressing Web Accessibility To address accessibility, many companies now rely on overlay widgets. Overlay widgets allow your website visitors to adjust settings for improved accessibility without requiring any changes to the website itself. They’re easy to implement, promise to make your site accessible, and you don’t have to change your website at all. For example, the [General Electric](http://www.geaerospace.com) and [Fujitsu](https://global.fujitsu/en-us#uaw) websites both use the overlay widget from UserWay. ![Screenshot of an accessibility overlay widget](https://b13.com/fileadmin/_processed_/5/a/csm_image3_02c1d0a2e9.webp) Example of an overlay widget showing different settings you can change for the website It is sorely tempting to reach for an accessibility cure-all, **but overlay widgets are** [**not the solution**](https://litzdigital.com/blog/4-reasons-an-overlay-widget-will-not-solve-your-accessibility-woes/)**!** - Despite their claims, **overlay widgets do not fix or repair the accessibility of a website**, nor do they bring a website into alignment with WCAG guidelines. Most overlays simply copy features that are already built into modern browsers and operating systems. - **Overlay widgets override user defaults for assistive technology**. Most users configure their devices and browsers to their preferred settings, but frustratingly, overlay widgets interfere with this configuration. The result is that websites are often less accessible, and sometimes block access to the very content they are trying to make available. - **Overlays do not provide robust legal protection against lawsuits**. For example, [AccessiBe](https://accessibe.com/accesswidget), a company that sells overlays, is [facing a class action lawsuit](https://www.lflegal.com/2024/07/accessibe-class-action/) for allegedly misleading customers by claiming that its product ensures website accessibility and compliance with the [Americans with Disabilities Act](https://www.ada.gov/resources/web-guidance/) (ADA). The lawsuit highlights how overlays can fall short of legal standards, leaving websites vulnerable to legal action despite their implementation. Indeed, the European Disability Forum and International Association of Accessibility Professionals state that [overlays do not make a website compliant with European accessibility legislation](https://www.edf-feph.org/publications/joint-statement-on-accessibility-overlays/). In short, these overlay widgets are not actually helping people with disabilities. According to the Nielsen Norman Group [these widgets are often restrictive and redundant](https://www.nngroup.com/articles/screen-reader-users-on-mobile/#toc-4-accessibility-menus-not-considered-helpful-5), duplicating features already built into assistive technologies. Worse, they interfere with personalized settings, ultimately hindering the user experience rather than improving it. As we can see, there are various approaches to supporting greater accessibility. But genuinely improving accessibility is up to all of us. Simple steps to improve web accessibility ------------------------------------------- ### Quick fixes you can implement today The most common accessibility issues persist across the web today, and according to the WebAIM Million 2024 report, [96.4% of all detected errors fall into these six categories](https://webaim.org/projects/million/#:~:text=96.4%25%20of%20all%20errors%20detected%20fall%20into%20these%20six%20categories.): - **Low contrast text**: Adjust your CSS to apply sufficient color contrast ratios between text and background colors, according to the WCAG guidelines. - **Missing alternative text for images**: Provide descriptive alt text for all images to help screen readers convey the image’s purpose or content. - **Missing form input labels**: Add clear and descriptive labels to form fields so that people, especially those with screen readers, can easily understand the required input. - **Empty links**: Update any generic link text, like “click here,” to meaningful anchor text that explains the link destination or function. - **Empty buttons**: Use descriptive text on buttons to indicate the action they trigger so that all users, including assistive technology, know what they do. - **Missing document language**: Specify the default language of your web pages within the HTML tag to help screen readers accurately interpret the content. Fortunately, many of these issues can be addressed surprisingly quickly (today, even!) in a few simple steps, like adjusting the text contrast color values in your CSS, and specifying the default language of your web pages. The other tasks on this list are straightforward but require more time, like adding alt text for images, updating empty buttons and links with descriptive text, and labeling form inputs. You can start on this tomorrow! ### Longer-term solutions: Conduct a comprehensive accessibility website audit - Assess your current level of accessibility - Familiarize yourself with the WCAG and learn how to apply them - Prioritize issues based on impact - Use resources like checklists and online tools to guide you - Test accessibility throughout the development process. If you need help getting started, check out our [guide to accessibility considerations in UX design](https://b13.com/knowledge/a-guide-to-accessibility-considerations-in-ux-design) to update your digital content to meet all users‘ needs. Creating a genuinely inclusive web experience ----------------------------------------------- At b13, we believe the web should be accessible to everyone. Designing for accessibility is not just about meeting legal requirements—it’s about creating equal opportunities for all users to engage with your content. Accessibility should be embedded in the foundation of every digital project, not treated as an afterthought. By prioritizing inclusive design, we can create functional, delightful, and intuitive websites for everyone. Rather than relying on quick fixes like overlay widgets, we encourage embracing accessibility principles from the start. Doing so not only benefits people with disabilities but improves the overall user experience for all. When we design with every user in mind, we foster a web that truly works for everyone. Need to make your website more accessible? ### Written by: ![Bild von Marco Heine](https://b13.com/fileadmin/_processed_/9/7/csm_marco_de08856ad5.webp) Marco Heine Development [ more from Marco Heine ](https://b13.com/team/marco-heine) Related Articles ------------------ - ![Two robotic arms are positioned around a magnifying glass, focusing on the letter "g" in a stylized font. The background features a grid pattern with repeated "Ag" symbols.](https://b13.com/fileadmin/_processed_/1/8/csm_FontGuidelines_Headerbild_6f3f5a0baa.webp) ### Designing with Type: A Guide to UI Font Size Guidelines 03 June 2025 | David Steeb Discover the importance of UI font size guidelines for creating accessible and visually appealing UI designs. Learn the best practices for typography in UI, including consistency,… [ Read more: Designing with Type: A Guide to UI Font Size Guidelines ](https://b13.com/knowledge/designing-with-type-a-guide-to-ui-font-size-guidelines) - ![](https://b13.com/fileadmin/_processed_/a/5/csm_CodeAccessibility_Headerbild_d1ed666070.webp) ### Guide to coding for web accessibility standards 07 March 2025 | David Steeb Writing code is fundamentally an exercise in crafting a strong foundation, one that should incorporate inclusivity as much as scalability. Compliance standards are a great place to… [ Read more: Guide to coding for web accessibility standards ](https://b13.com/knowledge/guide-to-coding-for-web-accessibility-standards) - ![Illustration of a manual and automated website testing process. A human hand holds a magnifying glass, highlighting various information symbols, while a robotic hand also uses a magnifying glass. In the background, gears and a technical grid pattern emphasize the technological aspect of the topic. The image symbolizes the contrast between manual and automated accessibility testing.](https://b13.com/fileadmin/_processed_/a/8/csm_ManualTesting_Headerbild_08d02da14d.webp) ### Why Automated Accessibility Testing Isn’t Enough 28 February 2025 | Marco Heine Automated testing only catches around 20–30% of WCAG issues. Learn why manual testing is essential for true accessibility and an inclusive user experience! [ Read more: Why Automated Accessibility Testing Isn’t Enough ](https://b13.com/knowledge/why-automated-accessibility-testing-isnt-enough) - ![A pathway leads through stylized clouds, flanked by a magnifying glass and gears, with icons representing text and documents in the background, suggesting themes of exploration and technology.](https://b13.com/fileadmin/_processed_/8/0/csm_accessibility-guide_0acd1932f3.webp) ### A Guide to Accessibility Considerations in UX Design 12 April 2024 | Franzi Töpler People with disabilities constitute one of the most significant segments of online users, but it is an often-overlooked population in the digital world. Increasing accessibility to… [ Read more: A Guide to Accessibility Considerations in UX Design ](https://b13.com/knowledge/a-guide-to-accessibility-considerations-in-ux-design)