Lesson 06 · HTML & CSS
HTML & CSS Fundamentals: Accessibility & Inclusive Design
Landmarks and heading outlines, keyboard focus that stays visible, honest alt-text decisions, the 4.5:1 contrast rule, and ARIA only in the places where HTML cannot do the job.
Prerequisites: HTML & CSS Fundamentals: Responsive Design & Mobile-First Layouts
Learning objectives
By the end of this lesson, you will be able to:
- Explain who accessibility is for through the permanent, temporary and situational lenses
- Audit a page's landmarks and heading outline for gaps
- Decide alt text by the job each image does
- Keep every control reachable by keyboard with focus that stays visible
- Check text and background pairs against the 4.5:1 contrast rule
- Reach for ARIA only when no HTML element does the job