--- title: Accessibility Considerations in UX/UI Design url: "https://b13.com/knowledge/a-guide-to-accessibility-considerations-in-ux-design" description: Designing for accessibility is just good business sense. We lay out best practices for maximum digital accessibility. image: "https://b13.com/fileadmin/_processed_/9/e/csm_accessibility-guide_191-1_b662e93f3a.png" date: 2023-04-19 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Accessibility Considerations in UX/UI Design [ Accessibility ](https://b13.com/knowledge/accessibility) [ UX/UI-Design ](https://b13.com/knowledge/uxui-design) [ Performance ](https://b13.com/knowledge/performance) A Guide to Accessibility Considerations in UX Design ====================================================== Update your accessibility standards to meet all users‘ needs ![](https://b13.com/fileadmin/_processed_/c/0/csm_franzi_36ad8d099a.jpg)Franzi Töpler 12 April 2024 [ RSS Feed ](https://b13.com/rss.xml) ![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_fa9f6f5771.webp) 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 this population is an empathetic choice and an intelligent business decision, especially when you consider that temporary and situational disability adds up to include almost everyone who uses the internet. Improving accessibility can increase an organization’s reach, enhance the user experience, and boost SEO. Additionally, with new accessibility directives in play, organizations that expand their site’s accessibility will maintain compliance with the law. The business case for accessibility ------------------------------------- Some executives and stakeholders remain wary of increasing accessibility; the perceived initial effort is a barrier. “There is an extra effort for developers, especially in the beginning,” admits Daniel Gorges, frontend developer at b13 and TYPO3 Integrator, “but the effort pays off significantly.” One of the reasons that effort can pay off is that the disabled population is much larger than most of us realize. You can’t necessarily pick out someone disabled in a crowd, and those with temporary and situational disabilities qualify as well. ### Types of disability - **Permanent disability:** An enduring disability. For example, you are blind, deaf, or have cognitive or mobility difficulties that aren’t going away. - **Temporary disability:** A disability you will recover from. For example, you have a broken arm and can’t navigate online the same way, or you got Lasik surgery and your vision is blurry. - **Situational disability:** A disability created by your situation. For example, you have a baby in your arms and can’t use both hands at your computer, or you are outside and the sun is too bright to read your screen. The disabled population also includes those who may be color-blind, people on the ADHD or autistic spectrum, and elderly people. With this expanded perspective of disability, it might make more sense to think of most of us as “temporarily abled”! When you realize how inclusive the disability umbrella is, it adds up to millions of people worldwide. Savvy businesses are becoming more aware of this, and adjusting their accessibility accordingly. More sophisticated technology has given companies more clarity and assistance in accelerating their accessibility process and making it easier to achieve. “Accessibility has become increasingly important as we refine our interactions with the web through improved technology,” says Daniel, “Now our technology can do things like evaluate web content and react to commands or web settings.” The Theory of Accessibility in Design --------------------------------------- ### Differentiating accessibility from usability Accessibility and usability are related but different concepts. Usability is about making a product or service easy and organized to use for everyone, while accessibility is ensuring that people with disabilities can use a product or service. Daniel adds his interpretation. “Usability tries to make a website as efficient as possible for all people. Accessibility goes further, and includes technical solutions that help the disabled user and the web interact.” ### How empathy factors into UX Design Empathy is the practice of seeing the world through other people’s eyes. This is a vital skill for a UX designer, especially when designing for accessibility and usability. However, the array of disabilities is vast and often much less obvious than we think. Empathy provides a good foundation, but increasing accessibility for such a wide range of users requires more structure. Daniel agrees. “Empathy plays an important role for implementing accessibility concerns, and it is a good start to try and ‘see’ content differently,” he says, “but it is not quite enough.” ### The WCAG can guide your UX design The Web Content Accessibility Guidelines (WCAG) can provide that structure. The WCAG is a set of international standards developed by the World Wide Web Consortium (W3) to make web content accessible for people with disabilities. They are organized around four principles that state online information, web content, and user interface components must be: 1. Perceivable 2. Operable 3. Understandable 4. Robust Daniel adds, “The WCAG is an initiative that tries to make the web more accessible. WCAG has three different standards for conformance—A: Essential, AA: Ideal Support, and AAA: Specialized Support.” Organizations can choose which level of accessibility they want to conform to; but it should be noted that A is required for all websites, and AA is the level most recommended by accessibility experts. ### The impact of the latest accessibility directives and developments in the EU There have been several new developments that put the WCAG into practice. The Web Accessibility Directive (WAD), based on the WCAG and implemented in 2018, applies to all government and public sector websites. With the WAD in place, these organizations must ensure their products and services can be used by everyone—regardless of ability or disability. The European Accessibility Act (EAA), which took effect in 2019, applies to the private sector. Its goal is to make a wide range of private products and services—smartphones, computers, tablets, banking services, public transport, and e-readers—more accessible to people with disabilities. The EAA, as the most recent directive, is still undergoing enforcement. The EU’s accessibility directives have not only helped raise public and private consciousness of the importance of accessibility, but also enforced it legally. This ensures a more even and widespread adoption. Designers and developers are now factoring accessibility into the beginning stages of new projects, staying compliant with the laws, and ultimately creating more inclusive and user-friendly experiences for everyone. How to Increase Accessibility in Your UX Design ------------------------------------------------- ### Know your current level of accessibility Before you make alterations, it’s essential to have an accurate picture of your present-day level of accessibility. There are many tools available to help. One example is the [AXE Chrome extension](https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?utm_source=deque.com&utm_medium=referral&utm_campaign=axe-devtools-chrome-browser-extensions_overview), which gives you a score that estimates your site’s accessibility. ### Familiarize yourself with the WCAG and how to apply them Knowing the WCAG is important, but translating those guidelines to real-life changes is challenging. Designers and developers will need to consider color contrast, multiple navigation paths, image alt-text, font size, keyboard-only usage, and video and audio captions, to name a few. ### Prioritize issues The changes you can make may differ depending on your budget, timeline, team, or organization size. Reaching an “AA” level of accessibility is recommended, but prioritizing the most helpful and far-reaching adjustments to achieve level “A” is still okay. ### Use the resources at your disposal Technology can be a boon to organizations seeking to implement accessibility standards and improve them in their code. The [a11y project](https://www.a11yproject.com/), for example, provides a helpful [checklist](https://www.a11yproject.com/checklist/), or [TPGi’s color contrast analyzer](https://www.tpgi.com/color-contrast-checker/). But there are non-technical resources available to you as well. “The very best thing you can do as a developer is asking the stakeholder which accessibility levels they want to meet, and then adapt the standards in your code,” says Daniel. “That way you have full control over the changes.” ### Test along the way Accessibility tests should be conducted throughout the design process to confirm their successful implementation. There are a few ways you can do this. Speaking with real people with disabilities will give you the richest and most accurate feedback. You can also test through assistive technologies. Screen readers, keyboard-only navigation, and speech recognition software will aid your understanding of weak spots and highlight opportunities for improvement. ### Include all team members Improving accessibility is not just a task for designers or engineers. Everyone on your team, including content managers, project managers, and decision-makers all have a role to play and can contribute. “It’s important to share your experience with your team members,” Daniel notes. “Everyone has experienced something that’s affected accessibility.” ### Use an accessibility checklist at the end of the process Whew! Accessibility is complex and things can easily slip through the cracks. An [accessibility checklist](https://accessibility.voxmedia.com/) can lift some of the overwhelm, help you stay organized, and identify areas for future improvement and higher levels of compliance. Improving accessibility brings real-life benefits --------------------------------------------------- Wading through the minutiae of the accessibility directives can make the concept seem abstract. But increased accessibility has tangible benefits, both to your organization’s success and to the ease of people’s everyday lives. Daniel offers up his experience.“Talking with people who are actually affected was the most instructive for me. When I met up with people with visual disabilities, for example, I learned most of them did not use highly specialized technology to access the web—just their smartphone,” he says, “If a smartphone can access your content well, then you are on the right track.” Connect with b13 to discuss how you can make your web content more inclusive and available to all! ---------------------------------------------------------------------------------------------------- [ Let’s connect ](https://b13.com/lets-connect) ### Written by: ![Bild von Franzi Töpler](https://b13.com/fileadmin/_processed_/c/0/csm_franzi_5db953f9d7.webp) As a b13 project manager, Franzi oversees projects from top to bottom. Through collaboration, communication, and a close eye on deadlines and details, she helps her teammates pull together and in the same direction to nudge projects over the finish line. Just make sure she has her coffee first. Franzi Töpler Consulting [ more from Franzi Töpler ](https://b13.com/team/franziska-toepler) Related Articles ------------------ - ![A robotic hand holds a paintbrush, creating a purple swirl against a light blue background with circular patterns.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Designing Responsibly in the Age of AI: What We’re Learning as We Go 17 July 2026 | Laura Heine Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team. [ Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go ](https://b13.com/knowledge/designing-responsibly-in-the-age-of-ai-what-were-learning-as-we-go) - ![A human hand shakes a robotic hand against a purple background with heart patterns, symbolizing collaboration between humans and technology.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp) ### The Internet Is No Longer Just for Humans—AI Bots Love Markdown 28 January 2026 | Benni Mack Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems. [ Read more: The Internet Is No Longer Just for Humans—AI Bots Love Markdown ](https://b13.com/knowledge/the-internet-is-no-longer-just-for-humans-ai-bots-love-markdown) - ![Several colorful web page mockups stacked together, showcasing different layouts and design elements against a purple background.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27 January 2026 | Benni Mack With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork. [ Read more: Camino—The Need for a Default Theme in TYPO3 Is Real ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real) - ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp) ### Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation 12 January 2026 | Laura Heine b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come. [ Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ](https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation) - ![A laptop is connected to multiple file folders and browser windows, illustrating data management and organization concepts.](https://b13.com/fileadmin/_processed_/8/9/csm_SubdirectoriesSubdomains_Sharing_be4a05761c.webp) ### Subdirectories vs. Subdomains: Which is Better for SEO? 23 October 2025 | David Steeb Subdirectories, Subdomains, and Better SEO Rankings. The answer to which one should I use? is always it depends. Subdomains and subdirectories interact differently with SEO… [ Read more: Subdirectories vs. Subdomains: Which is Better for SEO? ](https://b13.com/knowledge/subdirectories-vs-subdomains) - ![User interface elements including text fields, checkboxes, and buttons, connected by arrows on a purple background.](https://b13.com/fileadmin/_processed_/f/7/csm_EffectiveWebForms_Headerbild_2c906e6176.webp) ### Best Practices for Effective Web Forms 18 August 2025 | David Steeb Effective web form design is a critical component of user engagement and conversion. By focusing on clarity, simplicity, and user experience, businesses can create web forms that… [ Read more: Best Practices for Effective Web Forms ](https://b13.com/knowledge/creating-effective-web-forms) - ![A purple folder is centrally placed, surrounded by red and blue rectangular elements connected by lines on a grid background.](https://b13.com/fileadmin/_processed_/1/5/csm_EffectiveInformationArchitecture_Headerbild_c5bbf51bfe.webp) ### Designing an Effective Information Architecture: Best Practices 30 July 2025 | David Steeb Dive into our latest article exploring the world of information architecture and its profound impact on user experience. Learn key strategies and best practices for designing… [ Read more: Designing an Effective Information Architecture: Best Practices ](https://b13.com/knowledge/designing-an-effective-information-architecture-best-practices) - ![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) - ![Colorful cartoon rockets with flames, featuring round windows and various designs, are arranged in a repeating pattern against a light background.](https://b13.com/fileadmin/_processed_/9/f/csm_QuickLoad_Headerbild_914e5cfa94.webp) ### What factors make a website load as quickly as possible? 30 April 2025 | David Steeb Explore practical solutions to improve website load times and performance through server, network, and front-end optimizations, including TYPO3-specific strategies. [ Read more: What factors make a website load as quickly as possible? ](https://b13.com/knowledge/make-website-load-fast) - ![A laptop with a yellow padlock on the screen, surrounded by red icons representing an eye, ear, microphone, hand, and brain, symbolizing security and privacy concerns in digital environments.](https://b13.com/fileadmin/_processed_/d/a/csm_AccessibilityIsKey_Headerbild_a91f1c635a.webp) ### Web Accessibility: Designing Beyond Compliance to Create Inclusive Digital Experiences for All Users 25 March 2025 | Marco Heine 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.… [ Read more: Web Accessibility: Designing Beyond Compliance to Create Inclusive Digital Experiences for All Users ](https://b13.com/knowledge/web-accessibility-designing-beyond-compliance-to-create-inclusive-digital-experiences-for-all-users)