Welcome to 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 HTML courses for fundamentals with markup and Learn CSS courses for styling fundamentals.
This is not a complete reference. Each section introduces the section topic, provides context and examples. There will be links to topic references, such as MDN and WCAG specifications, and other web.dev articles. Each section will have a short assessment to help people confirm their understanding.
Some accessibility best practices differ, based on the disability you're addressing. It's important to understand your users and to listen to people with disabilities when they tell you what they need.
We are open to your feedback! Open a GitHub issue and give as much information as you can so we can address it.
Here's what you'll learn:
Learn how why it matters to design and build websites and web apps so that disabled people can interact with them in a meaningful and equivalent way.
Introduction to measuring accessibility of digital products so that everyone, including people with disabilities, can still interact 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.
Create accessible images.
How to create accessible color palettes with appropriate contrast.
Support people with all types of movement-triggered disorders.
How to create accessible typography.
Alternative media types which make your video and audio accessible.
Create accessible forms.
Understand and enhance keyboard navigation order and style.
Pattern or component evaluation and testing
How to write accessible pattern or component evaluation and testing.
Design evaluation and testing
How to perform accessible design evaluation and testing.
How to perform automated accessibility testing.
How to manually test for accessibility.
Assistive Technology testing
How to test with Assistive Technology (AT).
User testing with people with disabilities
How to perform user testing with people with disabilities.
Learn common accessibility terms and concepts.
So, are you ready to learn accessibility? Let's get started.