Rapid Introduction to Web Accessibility
summary
Defines accessibility via WCAG's POUR principles, shows real failures: buttons built from divs lose keyboard focus and become inoperable, form labels hidden in images prevent required-field recognition, and color examples fail then pass at 4.5:1 contrast (2.84 → 5.74) and at AAA thresholds (~7:1, example 12.63). Lists assistive tech: VoiceOver, Narrator, JAWS, braille readers; recommends ARIA only when necessary and tools like webhint and Accessibility Insights, including axe in CI/CD while noting only 30% caught by automation.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:55Defining
- 2:21What's easiest to see?
- 3:32Assistive Technologies
- 4:25Prioritizing
- 6:16Measuring
- 7:01POUR
- 7:55Perceivable
- 8:20Operable
- 9:11Understandable
- 9:35Robust
- 10:10WCAG Four high-level principles, many granular guidelines. Compliance with WCAG is measured
- 10:431.4.1 Use of Color - Level A
- 11:271.4.3 Contrast (minimum) - Level AA
- 11:591.4.6 Contrast (enhanced) - Level AAA
- 12:37Building
- 12:49WAI-ARIA
- 13:46Tools Design tools • Color contrast checkers
related talks
33mWeb Accessibility: Why, How and What?
26mHow (Not) to Fail at Accessibility
37mAccessibility Matters: Creating a Better Web
08m"Introduction to Accessibility Testing"
22mAccessibility in Practice
01h 05mAccessibility Testing 101
01h 03mAccessibility: Making your websites more inclusive
01h 07mA web for anyone, anywhere, anytime