Let's break some WCAG rules
summary
15–25% of people need accommodations and 94.8% of websites fail at least one WCAG AA rule: 79.8% bad contrast, 55% missing alt text, 48% missing labels, 45% empty links, 15.8% empty buttons. Demos show screen reader silence for unlabeled images, keyboard traps from reversed flex order and nonsemantic div buttons, captions require VTT tracks, and a slide contrast of 6.27:1 needs bumping. Uses Pa11y CI pipeline and live captioning examples to find and fix issues.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 3:00Why accessibility matters
- 7:12What are WCAG levels
- 11:35Breaking WCAG rules
- 16:29Correct HTML tags
- 20:41Contrast ratios matter
- 23:08Avoid color-only info
- 25:16Language barriers handling
- 26:20Keyboard navigable sites
- 32:26Keyboard traps prevention
- 33:08Time limits management
- 34:32Cognitive overload reduction
- 35:15Forms accessibility
- 39:14Icon pitfalls
- 42:01Video accessibility
- 46:37Live captioning support
- 47:42Quick fixes and tools
- 50:32Simplicity over design
- 51:17Final thoughts
related talks
48mLet's break some WCAG rules
57mLost in Translation
01h 03mAccessibility: Making your websites more inclusive
50mAccessibility by Everyone (and for Everyone)
01h 01mA web for anyone, anywhere, anytime
37mMaking A Strong Case For Accessibility
38mGuidelines on Designing for Accessibility in UX Design
49mLost in Translation