Learn Accessibility

Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way.

This course is created for beginner and advanced web developers. You can go through the series from start to finish to get a general understanding of accessibility practices and testing, or you can use it as a reference for specific subjects. If you read an unfamiliar term, refer to our glossary. For those new to web development overall, check out the Learn HTMLcourses for fundamentals with markup and Learn CSS courses for styling fundamentals.

Here's what you'll learn:

Design and build websites and web apps so that disabled people can interact in a meaningful and equivalent way. Read about the business and legal impact of these choices.

Introduction to accessibility measurement, which ensures everyone, including people with disabilities, can still interact with your website in a meaningful and equal way.

When to use ARIA versus HTML.

Use semantic HTML, landmarks, and tables for accessible content.

Additional HTML elements to consider when building accessible websites and web apps.

Understand and enhance keyboard navigation order and style.

Write accessible trigger events, page titles, dynamic content, and more.

Create accessible images.

Build accessible color palettes with appropriate contrast.

Support people with all types of movement-triggered disorders.

Pick the right typefaces, font sizes, and structure your copy with an accessible layout.

Alternative media types which make your video and audio accessible.

Create accessible forms.

Evaluate patterns, components, and design systems for accessibility.

Create accessible designs and evaluate your user's experience.

How to perform automated accessibility testing.

How to manually test for accessibility.

How to test with Assistive Technology (AT).

Further resources to help you take your next steps.

Learn common accessibility terms and concepts.