Accessibility

Accessibility is the part of design where you make sure your design work is accessible for all people. Examples include making sure people with visual impairment can still read your landing page.

Updated on November 24th, 2022

Share

Examples of accessibility in UX

There are a lot of resources available on web accessibility. If you look at the complete WCAG documentation, for example, you'll notice that it's full of rules, guidelines, and principles.

Some of these are highly relevant for designers. Here are a few examples of accessibility for UX designers.

Color contrast

One of the best examples of accessibility in UX is the color contrast rules as specified by the WCAG. As a designer, following these rules is easy to do and provides your product with an important accessibility boost. It'll help users with visual impairment better navigate your application or website.

Example of bad accessibility due to low color contrast

Look at the examples above to see the difference between design elements that follow and don't follow the color contrast guidelines. To measure contrast, you can compare the foreground and background colors in a WCAG contrast checker. It'll tell you whether or not you pass the check.

Screen reader

Another example of accessibility in UX is making your website screen reader-friendly. Screen readers help people with visual impairment use a website by reading what's on the screen out loud. It uses the website source code for that. As a designer, you can make your website accessible by using good alt texts and context in your clickable elements.

Two buttons with different labels

In the example above, you see two buttons. One shows a label without context, while the other has a lot of context. The latter is more accessible for your users.

Why is accessibility important in UX?

Accessibility is an important part of UX. Several of the web accessibility guidelines (WCAG) involve design decisions. UX is about creating the right experience for your users. That includes people with different accessibility needs.

In addition, with millions of people in need of accessible design, there's a lot of value in growing your accessibility UX skills.

In Europe, government websites are required to follow WCAG guidelines. And with many of these websites not accessible yet, there's a big opportunity for UX designers to land projects.

How to sell accessibility to your stakeholders

The number of people benefitting from a more accessible design is often underestimated. Here lies an opportunity for you. Research to determine the number of users that would benefit from accessibility improvements.

You can then convince your stakeholders of the value of accessibility if you calculate how much extra revenue they can make. Again, these are often very big numbers that might persuade your stakeholders to give your accessible design a shot.

Missing something? Contribute by making edit suggestions for this keyword.

Useful resources

WCAG 2 Overview by W3C

Share

×

Page link

Want to learn more about Accessibility?

Learn together with other UX designers in our community. Join by picking one of the options below.

Monthly

  • Same as annual, but billed monthly.

$5/month

Choose plan

Annual

Save 18% compared to monthly

  • 1️⃣ Join our Discord community

  • 2️⃣ Monthly UX Master Classes

  • 3️⃣ Office hours in the community

$49/year

Choose plan

Lifetime

One purchase. Join forever.

  • Support the development and upkeep of UX Dictionary

$99/lifetime

Choose plan

Once you choose your plan, you'll be redirected to our Stripe page. After that, you'll be redirected to our dashboard. You can cancel, pause, or upgrade at any time.