Skip to main content
UI Coach Logo

Topic

Accessibility

WCAG, contrast, keyboard access, screen readers, and inclusive interface design.

Accessible design is usable design. Contrast, focus, labels, and keyboard access are not extras. They decide whether someone can complete the same task as everyone else.

This topic stays practical: contrast, forms, names, and states you can apply in Figma and in production UI.

UI Coach guides

Start here

GuideUI CoachAccessibility

WCAG Color Contrast

How to apply WCAG contrast to product UI without turning the palette into a legal document.

Read the guide

GuideUI CoachAccessibility

Accessible Form Design

Accessible forms: labels, instructions, errors, and keyboard access that work with assistive technology.

Read the guide

From the community

Latest articles

Léonie Watson · Léonie Watson · Mar 7, 2024

Nielsen needs to think again

Jakob Nielsen reckons accessibility has failed, but as I go about my day using various accessible online services, I'm not convinced he's right about that.

Read

tempertemper · Martin Underhill · Jan 23, 2026

Holidays, no laptop, and a Bluetooth keyboard

In recent years I’ve tried to switch off more on holiday, so I leave my laptop at home. But I still get enjoy a bit of writing, so what to do?

Read

GOV.UK Accessibility Blog · <name>Samantha Merrett, Senior Accessibility Specialist, Ministry of Justice</name> · Apr 4, 2025

Top tips for hosting accessible and inclusive online events

As we start thinking about Global Accessibility Awareness Day (GAAD) 2025, here are some tips for hosting accessible online events.

Read

Manuel Matuzovic · Feb 20, 2020

One of my favourite accessibility testing tools: The Tab Key.

I’ve been employed for about a year now and many things are different compared to being a freelancer. One interesting thing in my specific situation is that I have to evaluate the accessibility of third-party tools regularly. Usually there’s no time for a full audit, I have to gain a good overview of the quality of a.

Read

Manuel Matuzovic · Feb 27, 2026

role=presentation is no alternative for aria-hidden=true

In the previous post , I explained how to hide presentational SVGs using aria-hidden="true" . That's a reliable technique, but sometimes I see developers use role="presentation" instead, which may or may not work as expected. Before I show you where it fails, let's first try to understand the difference between role=".

Read

Manuel Matuzovic · Jan 13, 2026

Workshop: Deep Dive on Accessibility Testing

Once again, I’ve teamed up with my friends at Smashing Magazine 😻 to share with you everything I know about web accessibility testing! In this smashing workshop we’ll talk about automatic and manual testing, screen reader basics, Single Page Applications, Dev Tools, and more. What you will learn in this workshop - Wh.

Read

Heydon Pickering · Jun 28, 2015

An album for a11y

TL;DR I'm putting together an album to raise money for an organization that supports web accessibility. I had this brainwave while nursing a hangover in Brighton after Responsive Day Out: There are a load of folks working in the overlapping fields of web standards and accessibility who are musicians. Some really quite.

Read

tempertemper · Martin Underhill · Jul 28, 2026

There’s no going back

The more I learn about accessibility, the harder it is to look back at some of my old work; but that cringe is a useful measure of progress.

Read

Manuel Matuzovic · Sep 17, 2017

Writing CSS with Accessibility in Mind

About a year ago I started to focus more on web accessibility. The most effective method of learning for me is teaching others. That’s one of the reasons why I’m talking at meetups and conferences and why I’m writing articles about the topic. I wrote about Progressive Enhancement for Smashing Magazine and about access.

Read

Practice this

Related challenges

Intermediate
Messaging

Live Voice Translation for a Service Counter

Design a spoken translation flow that helps two people complete a practical conversation while keeping original speech and uncertainty accessible.

Mobile2 to 4 hours
Interaction DesignAccessibility
Intermediate
Productivity

Accessible Paper to Text Capture

Design a document capture app that turns printed text into editable, readable content while preserving uncertainty and page structure.

Mobile2 to 4 hours
AccessibilityMobile Design
Advanced
Healthcare

Immediate Crisis Support Connection

Design a calm mobile experience that connects a person in emotional crisis with trained human support and urgent local help.

Mobile4 hours plus
Service DesignAccessibility

Related roles

Current design jobs

41 active roles currently match accessibility designer in the UI Coach job catalog.