Peeling Back the Layers of Web Accessibility
summary
Outlines concrete layers: HTML as the accessibility foundation, CSS for visual access and tricks like offscreen text or display:none hiding content even from screen readers, and scripting for behavior; warns that ARIA wins in accessible name calculation so aria-label often overrides visible text and can break labeling; cites ARIA 1.1 authoring practices, WCAG 2.1 rules for text spacing and 400% zoom, and previews the Accessibility Object Model for manipulating the accessibility tree directly.
AI-written summary · about
chapters (14)
- 0:00Start
- 8:46Style and Presentation
- 12:31Understanding the "C" in CSS
- 14:12WCAG 2.1 - Text Spacing
- 16:19Embrace the power of responsive design for accessibility
- 19:45Behavior and Scripting
- 24:07WCAG label vs WCAG name
- 24:46"Name" and "Label" are usually the same
- 25:42"Name" and "Label" can be different
- 26:48Accessible Name Calculations
- 29:23The Accessibility Tree for how the browser interprets your webpagel
- 31:17The Accessibility Object Model (AOM)
- 34:05Accessibility APIs
- 37:35WebAIM's Hierarchy for Motivating Accessibility Change
related talks
37mAccessibility Matters: Creating a Better Web
52mCommon Accessibility Pitfalls
01h 07mA web for anyone, anywhere, anytime
15mRapid Introduction to Web Accessibility
38mHow To Make Your Website More Accessible with WAI-ARIA
48mThe Web Accessibility Basics
01h 04mAccessibility API 101
28mDeveloper's Guide to Accessibility Mechanics