Learn Accessibility

Create inclusive sites and apps that are easy for everyone to use. Learn how to design for screen readers, keyboard navigation, and other assistive technologies.

All Accessibility tutorials:

  1. How to Make Custom Accessible Checkboxes and Radio Buttons

    How to Make Custom Accessible Checkboxes and Radio Buttons

    Tutorial Beginner

    In this tutorial I’ll explain how to customize the appearance of checkboxes and radio buttons, whilst making sure that they remain accessible for Assistive...

  2. How to Use the Contrast Checker in Chrome DevTools

    How to Use the Contrast Checker in Chrome DevTools

    Tutorial Beginner

    How can we be certain the color contrast levels in our web designs are accessibility friendly? That’s where Chrome DevTools can help out.

  3. The Importance of Heading Levels for Assistive Technology

    The Importance of Heading Levels for Assistive Technology

    Tutorial Beginner

    Navigating via headings is the most important way people who rely on assistive technology locate information. It’s therefore really important to craft your...

  4. A Beginner’s Guide to Email Accessibility (Checklist + Resources)

    A Beginner’s Guide to Email Accessibility (Checklist + Resources)

    Tutorial Beginner

    This guide will walk you through a checklist of improvements you can make to your emails to make sure they’re as accessible as possible.

  5. Accessibility Tips for WordPress Theme Developers

    Accessibility Tips for WordPress Theme Developers

    Tutorial Beginner

    In a previous article we talked about why accessibility matters, in terms of business, SEO, usability, and even the law. In this article I’ll explain how to...

  6. Building an Inclusive Web: Why Accessibility Matters

    Building an Inclusive Web: Why Accessibility Matters

    Tutorial Beginner

    In this article I’ll share my point of view about why accessibility is important; from empathy and what is simply “good business”, through to selfishness and...

  7. Using Style Guides for Accessibility

    Using Style Guides for Accessibility

    Tutorial Beginner

    Style guides aren’t all about visual design–they can be used to set standards for all aspects of a project, including accessibility guidelines.

  8. Making the Web Accessible for Everyone With Inclusive Design and Diverse Personas

    Making the Web Accessible for Everyone With Inclusive Design and Diverse Personas

    Tutorial Beginner

    This article will explore how we can better understand accessibility and people through the use of ‘diverse personas’ in our design process, helping us make...

  9. 4 Next-Level HTML Courses

    4 Next-Level HTML Courses

    Tutorial Beginner

    Do you know the best way to lay out your content semantically? Can you create forms properly, including making them fully accessible? Do you know how to use...

  10. Introduction to Assistive Technology

    Introduction to Assistive Technology

    Tutorial Beginner

    In this short video from my web accessibility course, I'll take you through the wide range of tools with which users experience the web, from screen...

  11. Discoverability and Feedback in Web Design

    Discoverability and Feedback in Web Design

    Tutorial Beginner

    Let’s take a look at some example of interfaces and products on the web which demonstrate good use of two fundamental principles design: discoverability and...

  12. Semantic HTML: Better Outlining With Sections

    Semantic HTML: Better Outlining With Sections

    Tutorial Beginner

    In this video tutorial, you will explore the similarities and differences between sections and divs, learning when best to use each. You will also learn how...