Accessibility Foundations

What you'll learn

• Who actually uses accessibility features and why it matters
• What the accessibility tree is and how to inspect it
• WCAG without the jargon — POUR, levels, and what AA requires
• Why semantic HTML is the foundation of every accessible site
• Color contrast rules and how to design with focus in mind
• How to respect user preferences like reduced motion and contrast
• Common myths that keep teams shipping inaccessible work

1. 01
   Who uses accessibility features

   Real people, real stories — from screen-reader users to anyone on a phone in the sun.
   15 min
2. 02
   The accessibility tree

   What the browser quietly builds for assistive tech, and how to peek at it in devtools.
   15 min
3. 03
   WCAG, demystified

   POUR, levels A/AA/AAA, and a plain-English tour of what AA actually requires.
   17 min
4. 04
   Semantic HTML is accessibility

   The first rule of ARIA: don't. Native elements come with superpowers — use them.
   15 min
5. 05
   Color and contrast

   Minimum ratios, link underlines, and why color alone is never enough.
   14 min
6. 06
   Visible focus

   Why outline:none is harmful, and how :focus-visible saves the day.
   13 min
7. 07
   The user preferences API

   Honoring reduced motion, contrast, color scheme, and reduced data.
   13 min
8. 08
   Common myths

   ARIA fixes nothing on its own. Screen readers do read CSS. And later never comes.
   13 min