When building websites and creating digital content, we often miss a crucial element - user experience mapping for people with physical, cognitive, literacy or language challenges. With increasing expectations for consumers to interact with us online, it becomes more and more important that we make the effort to bring our digital presence up to speed.
When any new website is being created, the user interface (UI) and user experience (UX) are considered. The user interface is what the web user interacts with, and includes the visual layout and design of the web pages. The user experience is how the user feels, and impacts on the user’s overall experience with a brand, product or service.
When coming up with a user interface design, website creators will think about how a web user will behave, and how the design will support their behavior. By doing this, they can make sure that users will have an enjoyable and successful experience. An experience that’s friendly, intuitive, and makes sure they can achieve what they’ve set out to do.
Website usability is an important part of this process. After all, creating a website that’s easy to use supports a good experience. But not everyone has the same abilities. That’s where accessibility in UX comes in.
Accessibility in UX is about recognising different abilities, and considering whether a website will work for any user in any situation. This includes thinking about what needs to be done to make sure it’s usable by people with disabilities. For example, people with physical, cognitive, literacy or language challenges. If these users can’t access and consume your content, it will affect the quality of their experience.
Before we dive in any deeper, you might be wondering about some of the terms we’ve mentioned so far. So, let us explain.
Accessibility, usability and inclusion in website design are closely linked and they can overlap. But each is underlined with different goals, and that’s why there’s a difference. For example, the difference between accessibility and usability is that one is solely focused on people with disabilities, whereas the other is not.
Below, we define the meaning of each.
Web accessibility is about making sure that digital content can be accessed, understood and used by everyone. That includes people with disabilities, as well as assistive technology devices they may use, such as screen readers.
An accessible website design will have considered any potential barriers that a user might have experienced. And will have been designed to make sure they don’t exist.
In simple terms, web accessibility is about creating equal experiences for people with disabilities. As such, guidelines and legislation exists.
Website usability is about how easy a website is to navigate and how intuitive it is to use. It’s also how efficient the content and page design is. It’s measured in terms of efficiency, effectiveness and satisfaction.
Website usability is one aspect of UX design. Usability principles don’t necessarily address the needs of people with disabilities. That means that most often, usability design focuses more generally on design aspects that will impact everyone. That’s why accessibility in UX is another separate element of UX design.
Website inclusion is about making sure a website is accessible and usable by as many people as possible. It’s about making sure that everyone can be involved and feels welcomed.
Inclusion considers people with disabilities, and more. It also considers the use and user experience of people of different ages, cultures and demographics. As well as people with different computer skills, internet access, and much more. It’s about design for all. That’s where we start talking about inclusive design, or what’s commonly known as universal design. We’ll explore that more as you continue reading through this page.
In this webinar, hear from inclusion experts Eric Harris and Robin Christopherson, as they explain these definitions further. Gain advice on how to address each in your digital projects. Discover when and how to carry out user research, and make sure your website meets the needs of everyone.
Accessibility in UX is important for your online visitors as well as your brand.
The user experience is all about how someone feels when interacting with a website. That means it has an impact on their emotions. As well as having an impact on how they view your brand.
Accessibility in UX means to create an experience that leaves disabled visitors feeling welcomed and valued. An experience that every person deserves.
By considering accessibility in UX design you’ll be making sure that your disabled visitors can access and digest your content. You’ll be making sure that they’re able to complete what they’ve visited your website to do. Ultimately, you’ll be making sure that their experience is smooth and enjoyable. With an accessible UX you’re truly keeping your customers at the center of everything you do.
First impressions count. For some people, your website is the first experience they have with your brand. By not considering accessibility in UX, you risk leaving a large audience feeling unwelcome at the first impression. Not only that, it can impact loyalty with your existing customers.
Globally 1 in 7 people have a disability. Over the years this number is expected to grow. In fact, it’s expected to double by 2050. In Australia specifically, 1 in 5 adults has some form of disability.
For this audience, an inclusive brand is incredibly valued. In fact, 75% would rather pay more for a product from an accessible website, than buy the same product again from one that was less accessible.
By considering accessibility in UX, you’re also considering what’s valued by your audience. And that speaks volumes. For people with disabilities you’re showing them that they matter. For others, you’re telling them that everyone’s experience matters to you. Sharing in the beliefs, ideals and values of consumers is powerful in building a positive brand image. In fact, 62% of consumers prefer to purchase from brands that stand up for issues that matter.
Accessibility in UX benefits everyone. That’s because any one at any time can experience a barrier to accessibility.
Disabilities can be permanent, temporary and situational:
Creating an accessible UX means that any one at any time will be able to use your website, no matter what situation they’re in.
“Disability is a resource for design, not a burden on design!” - Eric Harris, Research Institute for Disabled Consumers
With this in mind, taking the time and effort to create an accessible website design shouldn’t be seen as an extra step. Instead, it should be seen as an important and worthy part of the process. As Eric says, disability is not a burden on design. It’s a resource!
Designing for ease of use for people with disabilities helps to maximise ease of use for everyone. Not only that, thinking about how to meet different needs leads to creativity and resourcefulness. The result? Online experiences that are better for everyone, and a company website that stands out from the crowd.
We recently released a research paper exploring the online experiences of those aged 50+ throughout the Covid-19 pandemic. We found that usability problems were experienced across healthcare, retail, financial and public service websites. In this report, learn what the top accessibility barriers were. Gain insights to help you make sure your website is inclusive of all.
When thinking about accessibility in UX, it’s easy to become overwhelmed. You might think that you need to design for every single disability that exists. But that would be impossible. Instead, designing for accessibility and inclusion means to shift your focus to a design for all. In other words, to follow the process of Universal Design.
To design for all is to create a website that’s:
To achieve the above, you must think about the behaviours, goals and pain points of your target audience. Not only that, but also their ability to complete tasks online.
To help you consider usability and accessibility in UX design, guidelines exist.
The Web Content Accessibility Guidelines (WCAG) support organisations to create accessible websites and apps. They’re used around the world and are regarded as the international standard for web accessibility.
To help you understand more about the WCAG, we’ve pulled together some resources…
On this page, discover more about the WCAG and the 4 principles it’s based on.
Understand how the guidelines can help you to make your website perceivable, operable, understandable and robust.
Download our WCAG accessibility checklist for designers and help your team to design with accessibility in mind.
You’ll also find an accessibility checklist for marketers too.
Beyond the guidelines, an important part of designing for accessibility and inclusion is involving end users. As well as educating your colleagues on the importance of inclusive design.
Designing for accessibility and inclusion isn’t a task that sits with one person. Training your colleagues on why accessibility for web design matters can help set your company up for success.
After all, a whole team that shares the same vision means everyone's working towards the same goal. That means, your team will work better together to design a website fit for everyone.
At Texthelp, we have created a 10-point plan to help our teams work together to improve accessibility for all. Take a look and feel free to use it as inspiration to develop your own.
In this webinar, we walk you through an 8 step plan to creating and managing accessible websites and content. Together with the Department of Work and Pensions (DWP), we’ll explore how you can gain business buy-in and prioritise action. Gain gain advice to help you improve & maintain accessibility of your website & digital content.
There’s no better way to improve your website than to get into the mindset of the people using it. User research gives you the chance to hear-first hand from your online visitors. This means the chance to understand what they need and expect from your website.
In the design phase of any project, you should involve users with disabilities...
In the next section, we’ll explore how you can identify your end-users and carry out user testing.
Involving real people is key if you want your website to work for everyone. To help you identify who should take part in your research, it’s helpful to create accessibility personas.
As part of any campaign, user personas help to humanise your target audience. It helps you to consider what their pain points may be, in the hopes of creating campaigns that are meaningful. But when it comes to considering accessibility for web design, your ideas should be informed by real users. To design for all is to design for your users, with your users.
Accessibility personas should include a mix of cognitive, behavioral and physical disabilities. Including as many different participants as possible will help you to gain a well-rounded view of accessibility needs.
How you gather their insights should also include a mix of different methods. That’s because there’s 3 different types of information you want to gather.
By understanding each, you can create a user experience that allows people to access, use, and feel good about your service.
Examples of user research:
Read on to discover tips and tools to help you carry out contextual interviews.
When it comes to carrying out contextual interviews, there’s some important factors to consider:
Hear from Gordon, CEO of RIDC and gain expert advice on carrying out user research and testing. Explore when and how to build end user research into the design process. Discover top tips to help you successfully practice inclusivity by design.
When designing for accessibility and inclusion, it’s important to remember you’re not alone. There’s plenty of tools and organisations to support you at every step of the way...
Optimal workshop provides usability testing tools such as OptimalSort and TreeJack.
OptimalSort helps you to understand how users think and how they group ideas together. TreeJack helps you to gather insights that’ll help you to build a logical website structure.
Hotjar lets you discover how users behave and feel on your website. Using heatmaps and recordings, you can quickly understand where users experience barriers. Using feedback and surveys, you can efficiently listen to their thoughts.
Free online tools exist that help you to carry out simple accessibility checks.
For example, WebAim’s Colour Contrast Checker let’s you check the colour contrast of your chosen colours. Having good colour contrast is important for people with colour blindness or colour sensitivities.
Dovetail helps to group your research together by letting you tag your research.
You can also transcribe video interviews and much more.
Getting an expert on board can help set you up for success. With their expert knowledge, you’ll gain everything you need much more simply and easily.
In our latest website revamp, we worked closely with UX specialists, Fathom. They spoke to our customers, conducted usability tests, and held internal workshops. They then worked with us to create a blueprint that helped us to design a more accessible and usable website.
We hope we’ve helped you to understand more about website usability, the user experience and designing for all.
Continue learning. Explore more areas of digital accessibility.
Learn how to create accessible content, and make sure all your online content is easy to access and understand.
Explore what inclusive marketing means and how you can get it right.
View our full accessibility guide. We’ve lots more areas of digital accessibility for you to explore.