Two columns of open books
w3c

Web Standards

First Public Working Draft of W3C Accessibility Guidelines (WCAG) 3.0

Following these guidelines will address many of the needs of users with blindness, low vision and other vision impairments; deafness and hearing loss; limited movement and dexterity; speech disabilities; sensory disorders; cognitive and learning disabilities; and combinations of these.

testing-accessibility

Courses & Certificates

Learn How to Build Accessible Web Apps

Ensuring your application is accessible requires a mindset shift— not just for you as a developer, but also for your designers and the stakeholders in your organization.

giving-a-damn

Books

Giving a damn about accessibility

Digital accessibility is the inclusive practice of ensuring that everyone has equal access to information, functionality, and experience on digital platforms.

shopify

Design Systems

Shopify Polaris

A new look and feel, with an updated color palette, icons, and more. A reduction to our bundle size and accessibility features to make sure that the experiences you create work for everyone.

little-book

Guides

The little book of accessibility

This is a little book of quips, tips, affirmations, and truths that have helped me shape the BBC’s strategy and embed accessibility into its culture.

bri-comic

Guides

How To - Write Alt Text

Great examples on how to write all text.

a11y-me

Curated List

A11y & Me

Here you’ll find several useful online resources related to web accessibility and a brief description on how it will help you. The list will always be concise, current and geared toward starting with accessibility or topics within it.

ben-robertson

Curated List

50+ Web Accessibility Resources for Web Developers

There are lots of different ways to get started with accessibility, and honestly, looking at a list like what I've compiled here might be more overwhelming than it needs to be.

leo-reader

Browser

LeoReader

Making reading lists readable. A dyslexia friendly eReader designed for education in the creative industries.

medium

Browser

Hidden Gem of Chromium Accessibility

There’s a hidden gem in Chromium accessibility. It is the command line accessibility tools. Similar to accessibility inspection tools available on all popular platforms such as Windows or OSX, these tools are designed for the very same purpose - they provide a low level access to accessibility features of a web site.

ux-collective

Article

Emojis and accessibility - How to use them properly

Designers need to ensure that the default position of the products we design is as accessible as possible and we’ve considered ALL of the users as part of our basic vanilla product offering.

meryl

Blog

Meryl.net Blog

Blog about accessibility and accessible social media and marketing content.

bog-blog

Article

Usability is Accessibility

How and why designers should think about accessibility.

shopify

Article

Accessibility is more than a technical problem

Accessibility is more than a technical problem to solve. (Sorry to break it to you.) But accessibility work isn’t actually hard to do. The tricky part is appreciating the complexity and breadth of disabilities that impact your users.

meryl

Article

6 Common Caption Mistakes - Is Your Video Guilty of Any?

You invest resources to create captioned videos. Don’t let those efforts go to waste with subpar captions. Here are the six common caption mistakes I see in captioned videos.

bootcamp

Article

How to document accessibility as a UX designer

Documenting accessibility along with your regular design specs is a powerful way to communicate the importance of accessibility to product teams. It allows teams to have conversations about accessibility, and ensures that our experience for people who use assistive technology is thoughtful, intentional, and consistent.

medium

Article

An insider look at WCAG 3.0.

This article is intended to give you a detailed look at WCAG3, highlight new features, and ask the important questions we debated for your feedback.

inclusive-research

Article

A Practical Guide to Inclusive Research

The why and how to make your UX Research practice more inclusive..

ux-collective

Article

Why accessibility overlays hurt more than help

For those of you who are unclear about “accessibility overlays’’, think of them as technical solutions, typically powered through JavaScript, that are meant to turn an entire website from a jumbled mess of inaccessible code into a paragon of accessibility for everyone, through a single line of code.

medium

Article

The accessibility tree — understanding and debugging

A guided look at the accessibility tree and how it can help you, using my personal experience of developing accessible web features.

medium

Article

Digital design and Accessibility — 70 practical tips

These 70 tips will improve the experience for all users, but for some of them, they are necessary to provide even the most basic experience.

ux-collective

Article

Inclusive UX in an era of anxiety

It’s more important than ever to consider mental health while designing.

components-ai

Colors

Open Source Color System

5,390 accessible color combinations

coop

Organization

Digital accessibility standards by Co-op

Co-op digital accessibility standards, no one should be prevented from interacting with us or using our services. We believe in removing barriers. To help us do this, we must meet these standards.

essential-a11y

Checklists

The Must-Have WCAG 2.1 Checklist

This checklist is a practical resource guide for experienced accessibility professionals and for those newer to the industry. The first part is a primer of industry nomenclature and accessibility testing approaches. Fillable and printable checklists follow.

designing-inclusive-mobile-apps

Books

Developing Inclusive Mobile Apps

Building Accessible Apps for iOS and Android.

inclusivedesign

Books

Inclusive Design for a Digital World - Designing with Accessibility in Mind

What is inclusive design? It is simple. It means that your product has been created with the intention of being accessible to as many different users as possible.

csstricks

Design Patterns

Striking a Balance Between Native and Custom Select Elements

This “hybrid” select is another attempt to create a good looking select while getting as many native features as possible.

paste

Design Systems

Paste

Design System for creating high quality, inclusive customer engagement experiences.

nhs

Guides

Making information and the words we use accessible

The best way to find out how to make information accessible is to ask the person or the people you will be giving the information to.

feather-logo

Guides

Inclusive teaching - audio describing your own presentations

Here’s some practical tips and examples that show how some small changes in the language you use can make a significant difference for people in the audience that benefit from your descriptions of the visuals.

wcag-guides

Guides

WCAG easy!

Understand once and for all how to properly apply WCAG in your digital products.

shopify

Mobile

Mobile Accessibility - How to Build Apps that Work for All Users

On the web, we’ve made a lot of progress, and it’s generally accepted that accessibility is crucial in creating digital products that everyone can use with ease. Mobile accessibility, on the other hand, is still fraught with problems.

brunomag

Typography

Typographic accessibility in more detail

The three pillars of accessibility - emotional, functional and technical - can be applied to any output whether that is a product or a service. Each industry and sector will have its own specific definitions relevant to their output.

w3c

Web Standards

Making Content Usable for People with Cognitive and Learning Disabilities

This document is for people who make web content (web pages) and web applications. It gives advice on how to make content usable for people with cognitive and learning disabilities.

fingerspelling

Simulators

Fingerspelling

Learn the ABC in American Sign Language with machine learning.

alicia-design

Article

What is Inclusive Design, anyways?

Inclusive Design is design that considers the full range of human diversity with respect to ability, language, culture, gender, age and other forms of human difference.

eric-logo

Blog

Eric Bailey's Blog

Blog on accessible and inclusive design.

sarahhigley

Blog

Sarah Higley's Blog

A collection of accessibility-focused articles.

scotthara

Blog

Scott O'Hara's Blog

A collection of articles on accessibility and UX.