Guides

Follow these guides as your benchmark to build your next inclusive websites and mobile apps.

webdev-google

Guides

Accessibility for teams

Making your site more accessible can be a daunting task. If you are approaching accessibility for the first time, the sheer breadth of the topic can leave you wondering where to start.

zone

Guides

Easy Lookup Web Accessibility Guidelines

We want the process of making an accessible website to be easier. Therefore, these guidelines contain all of the criteria needed to ensure a website can be used by every kind of user. They incorporate much of WCAG 2.0, but are not intended to be a substitute for the official W3C documentation.

whatsock

Guides

The Accessibility Tree

A training guide for advanced web development.

Guides

ARIA Cheatsheet

Cheatsheet for the most common ARIA Roles and Attributes.

cheatography

Accessibility Cheatsheet

Web Accessibility Resources Cheat Sheet

Web Resources WCAG 2.0 Checklists.

cheatography

Accessibility Cheatsheet

WAI-ARIA 1.1 Cheat Sheet

WAI-ARIA 1.1 cheatsheet.

cheatography

Accessibility Cheatsheet

Web Accessibility Basics Cheat Sheet

Web accessibility basic cheatsheet.

mozilla

Mobile

Mobile accessibility

With web access on mobile devices being so popular and renowned platforms such as iOS and Android having full-fledged accessibility tools, it is important to consider the accessibility of your web content on these platforms.

mozilla

Guides

A good basis for accessibility

Mozilla's guide on how HTML can be used to ensure maximum accessibility.

a11y-101

Guides

Introduction to Accessibility

So you want to dig into the topic of (web) accessibility? Wonderful! But you’re not sure where to start? Don’t worry - you're not alone. Getting going can be overwhelming, but it doesn't have to be. That's what this site is for - to introduce you to accessibility.

keyboard-shortcuts

Guides

Accessibility Shortcuts

Quickly check the iOS accessibility shortcuts in one glance.

bbc-gel

Design Patterns

BBC GEL - Inputs

This guideline covers the individual inputs that can be used to build a form, to ensure maximum consistency and accessibility for our users.

Guides

Solid Start

Are you a person that makes digital things for other people? Awesome—because this page is all about making things for people.

Accessibility Cheatsheet

Accessibility Cheatsheet — Practical approaches to Universal Design

Semantic HTML helps screenreader users to understand the contents structure and gives it meaning. Ask yourself "What is it?" when writing HTML. Use a logical headline order and structuring elements as header, footer, ul, p …

Guides

Accessibility Interview Questions

These questions try to stay away from asking people to recite specifications, or rattle off screen reader hot keys. Those can easily be looked up on the job. Instead these questions try to act as conversation starters, to gain insight into how someone solves problems, and interprets accessible, inclusive user experiences.

Guides

Improving Your Tweet Accessibility

Twitter persists. Even if you have moved to Mastodon, Twitter will persist. As such, we need to continue to ensure it is accessible to all users. This post gathers some tips you can and should use.

Guides

Alt-Text as Poetry

Alt-text is an essential part of web accessibility. It is often overlooked or understood through the lens of compliance, as an unwelcome burden to be met with minimum effort. How can we instead approach alt-text thoughtfully and creatively?

Guides

Accessibility: Rights & Responsibilities

Empowering teams to create the new industry standard.

Guides

Social Media Accessibility Guidelines

When social media content is broadly used by the University’s students, employees and/or the public to carry out or participate in its core educational and administrative activities, all available accessibility supported features of the platform should be utilized.

Guides

WCAG 2.1 Guidelines Explained with Examples

This set of guidelines are meant to enhance mobile functionality to be friendlier and give end-users extreme flexibility.

Guides

A Comprehensive Guide to Accessible User Research

Researchers often want to include people with access needs in their studies but don’t know where to begin. This three-part series covers the various considerations for adapting your practice to include people with disabilities.

Guides

WebAIM: Web Accessibility for Designers

The focus of web accessibility is often on web development – the things that happen in HTML, CSS, or JavaScript. Optimal accessibility should start much earlier, as part of the visual design process. This infographic highlights many important principles of accessible design.

Guides

Creating Accessible Videos

Videos should be produced and delivered in ways that ensure that all members of the audience can access their content. An accessible video includes captions, a transcript, and audio description and is delivered in an accessible media player.

Accessibility Cheatsheet

WCAG Cheat Sheets WAI-ARIA Cheat Sheets & Mobile Accessibility Cheat Sheets

Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Guides

Best video on-demand streaming services for accessibility

Use this guide to compare the most popular on-demand services and find out which ones best suit your access needs.

Guides

Label in Name in WCAG 2.1

Text in Label is just one of many criterion outlined in the WCAG and, while it may seem like a small detail, adhering to it can make a big impact on our users.

Guides

Developing Accessible Websites

In order to assure that websites and web applications are accessible to and usable by everyone, designers and developers must follow web accessibility guidelines.

Guides

Publish an accessibility statement before your service goes into public beta

To comply with public sector accessibility regulations your service (this includes websites and mobile applications) must meet Web Content Accessibility Guidelines (WCAG) 2.1 AA standards and publish an accessibility statement before going into public beta.

Guides

Request an accessibility audit

To meet public sector accessibility regulations your service needs to pass an accessibility audit and publish an accessibility statement before it goes public.

Guides

Check the accessibility of your service before you get an audit

The accessibility of your service is your team’s responsibility. Before you request an accessibility audit, you should check the accessibility of your service.

consciousstyleguides

Guides

Conscious Style Guide

A website devoted to conscious language. Our mission is to help writers and editors think critically about using language—including words, portrayals, framing, and representation—to empower instead of limit.

Guides

How to Make Your Events More Accessible and Inclusive

When planning an event, we can all agree that there’s one universal goal — to ensure everyone has a fantastic time. More often than not, accommodating accessibility is often an afterthought in event marketing (or not even a thought at all). As event marketers, it’s on us to make sure every component of the our events is accessible to every single participant — no matter ability.

content-readability-guidelines

Guides

Readability Guidelines

A collaboratively developed, universal content style guide, based on usability evidence

accessibilitydev

Guides

Accessibility.Dev

A go-to guide for developers in building websites more accessible.

adg

Guides

Welcome to the Accessibility Developer Guide

If you want to learn more about designing and implementing fully accessible websites, you've come to the right place.

writer

Guides

A11y for Writers

To help writers create more inclusive and accessible content, creative spaces, and professional circles.

Guides

Tips to Create an Accessible and Contrasted Color Palette

Color contrast is something really important in Design. It will help users read your text and get a clear understanding of your content. Color contrast and color accessibility scares a lot of designers too

accessibilityforteams

Guides

Accessibility for teams by Peter van Grieken

A starter guide for teams about delivering accessible websites.

hikeorders

Guides

Accessibility Terms Glossary

Wondering what that acronym means? Stay up to date on the most important accessibility terms.

ibm

Guides

IBM Equal Access Toolkit

Make your product more usable by more people in less time.

guidetocolor

Guides

A guide to color accessibility in product design

There’s a lot of talk about accessible design, but have you ever thought about color accessibility?

smashing

Guides

A Smashing Guide to Accessibility

At Smashing we believe a good website is an accessible website, one which is available to everyone, no matter how they browse the web. This guide highlights our content which can help you create more accessible sites and web applications.

w3c

Guides

Introduction to Understanding WCAG 2.1

Understanding the Four Principles of Accessibility.

accessibility-teams

Guides

Accessibility for Teams

A ‘quick-start’ guide for embedding accessibility and inclusive design practices into your team’s workflow.

Guides

Promises to Users

People use the internet to consume information, and more often than not that just means reading words on a screen. Too many websites make this harder than it should be. Let's fix that. If we deliver on the following promises to users, the internet will be a much better place.

inclusiveprinciples

Guides

Inclusive Design Principles

These Inclusive Design Principles are about putting people first. It's about designing for the needs of people with permanent, temporary, situational, or changing disabilities — all of us really.

accessibility-design

Guides

Accessibility in Design

This guide introduces four different types of disabilities and offers actionable steps that we as designers can take to ensure that our products work for everyone.