Skip to content.
Table of Contents

Featured Post

Getting started with NVDA

by Scott Vinkle

A quick overview of navigating a webpage using the NVDA screen reader.

Background

General information for help in thinking about different parts of digital accessibility.

An in-depth guide to ARIA roles

Published on by Duncan Jimbo

ARIA roles are one half of the predefined categories of attributes used to describe elements that may not exist natively in browsers or may not be understood by screen readers and other assistive technologies.

ARIA states

Published on by Alex Brenon

A quick introduction to ARIA's states.

ARIA properties

Published on by Alex Brenon

A quick introduction to ARIA's properties.

Understanding color blindness

Published on by Matthew Higgins

What is color blindness, and how can we design with it in mind?

What is color contrast?

Published on by Rachel Vasquez

What is color contrast and why do we need it for web accessibility?

Getting started with ARIA

Published on by Monika Piotrowicz

Introduction to ARIA, describing Roles, States, and Properties and when to use ARIA in HTML.

A primer to vestibular disorders

Published on by Dennis Gaebel

Key facts, definitions, demographics and causes of vestibular disorders.

A primer to visual impairment

Published on by Nat Tarnoff

Key facts, definitions, demographics, causes, challenges and future of visual impairment.

Myths

Common misconceptions and falsehoods about accessibility.

ARIA Has Perfect Support

Published on by Eric Bailey

ARIA is a very useful tool for helping to enhance accessible web experiences, but it should only be used when no other options are available.

People who use screen readers don't use JavaScript

Published on by Dave Rupert

97.6% of all screen readers have JavaScript enabled.

Accessibility is 'blind people'

Published on by Dave Rupert

A brief explanation of the four categories of accessibility.

Quick tests

Things you can quickly try out to check for inaccessible experiences.

Resize text

Published on by Luis Garcia

How to test the Resize Text WCAG Success Criterion.

Large touch targets

Published on by Eric Bailey

How to determine if your touch targets are large enough to be used.

Check comprehension level

Published on by Nat Tarnoff

you can check the reading level of your written content by using these tools.

Check contrast with your mobile device

Published on by Dave Rupert

Using an ordinary mobile device you can check your site's readability.

Published on by Dave Rupert

A quick accessibility test that you can run on your sites right now.

Quick tips

Short, easy-to-digest and easy-to-implement accessibility-related information.

Published on by Emma Patricios

Links are used on almost every site on the web, however it is easy to create links that are not accessible to all.

Browser Keyboard Navigation in macOS

Published on by Scott Vinkle

How to enable full keyboard support in browsers on macOS.

a11y and a brief numeronyms primer

Published on by Scott O'hara

The numeronym 'a11y' is shorthand for 'accessibility.'

Never remove CSS outlines

Published on by Guilherme Simoes

Removing CSS outlines without proper fallbacks can make it impossible to navigate your site with a keyboard.

Don't auto-play video, music and more

Published on by Emma Patricios

Why you shouldn't auto-play anything that could distract the user from their main task.

Never use maximum-scale='1.0'

Published on by Thomas Sjögren

Why you never ever should use maximum-scale='1.0' in your viewport meta tag.

ARIA Landmark roles and HTML5 implicit mapping

Published on by Erik Runyon

Use ARIA Landmark Roles to help assistive devices navigate the markup.

Using alt text properly

Published on by Susan Robertson

A few tips on how and when to use the alt attribute. Make sure the text is helpful and most importantly meaningful.

How-to

Guides to implementing accessible code.

Create accessible data tables

Published on by Franklyn Roth

What you need to create an accessible data table.

Use placeholder attributes

Published on by Rachel Vasquez

How-to use placeholders on input elements.

Using captions with HTML's video element

Published on by Nat Tarnoff

How to implement captions for HTML video element.

Published on by Cameron Cundiff

Use skip nav links to ease keyboard user fatigue and frustration.

Use title attributes

Published on by Dave Rupert

Avoid using title attributes except in a few special circumstances.

Hide content

Published on by Dave Rupert

How-to hide content but still make it accessible to screen readers.

Use role='application'

Published on by Dennis Gaebel

Never use role='application' on a widely containing element body if your page consists mostly of traditional page elements.

Future-proofing your accessibility efforts

Published on by Thomas Sjögren

Ways to help make your accessibility efforts are as future proof as possible.

Assistive technology

Background information on the tools used by people who rely on them to navigate digital devices and interfaces.

Learning common keyboard shortcuts for screen readers

Published on by Andrew Nevins

Keyboard shortcuts are hard to learn. Here are some other ways that can help that learning.

Operating System and Browser Accessibility Display Modes

Published on by Eric Bailey

A quick overview of navigating a webpage using the NVDA screen reader.

Getting started with NVDA

Published on by Scott Vinkle

A quick overview of navigating a webpage using the NVDA screen reader.

Getting started with macOS VoiceOver

Published on by Mat Marquis

How-to guide to the basics of navigating a webpage using Apple’s VoiceOver screen reader, included in macOS.

Write for us

We're always looking for people who want to share what they know about accessibility.