Module 11 of 14

Accessibility

Lessons

About This Module

Accessibility means building pages that work for people using a keyboard instead of a mouse, a screen reader instead of eyes, or simply a smaller screen or lower vision. This module covers semantic HTML and ARIA, keyboard navigation, and the checks that catch the most common issues before they ship.

Accessible pages are usually just better-built pages, for everyone. Work through these lessons in order, then move on to Web Security.

Lessons

7 videos · 1 article
01

Why Accessibility Matters

Who accessibility is for, the range of disabilities it covers, and why it's often a legal requirement too.

02

Semantic HTML & ARIA

Why native semantic elements beat ARIA attributes most of the time, and when ARIA actually helps.

03

Keyboard Navigation & Focus Management

Making every interactive element reachable and usable without a mouse, and managing focus in dynamic UI.

04

Screen Readers & Alt Text

How screen readers interpret a page, and writing alt text and labels that actually communicate.

05

Color Contrast & Visual Accessibility

Meeting contrast guidelines, and designing for color blindness and low vision.

06

Accessible Forms

Labeling inputs correctly, and surfacing validation errors in a way assistive tech can announce.

07

Testing for Accessibility

Catching issues automatically with tools like axe and Lighthouse, and testing manually with a keyboard and screen reader.