Fast. Simple. Accessible.
summary
Demonstrates that swapping heavy frameworks for semantic HTML and a few lines of JS yields real wins: a carousel implemented with radio-button carousel + fieldset/legend and labels replaces complex ARIA-heavy markup and works with keyboard and screen readers; an input mask recreated in ~125 lines of JS replaces jQuery + mask bundles; a form stripped of 43 dependencies drops payload to 3 KB vs ~70 KB and shows measurable WebPagetest and Lighthouse improvements.
AI-written summary · about
chapters (10)
- 0:00Start
- 1:19Accessibility
- 5:09Performance
- 6:14Central Image Optimization
- 6:45How To Optimize Your Images
- 8:23Tips
- 13:58Make a Radio Button
- 15:16Radio Button
- 21:10Frameworks as Scaffolding
- 21:34Resources
related talks
49mInclusive Markup
48mRadically Accessible Internet Applications 💯
49mHow to create accessible JavaScript widgets with basic HTML components
29mJavaScript for Everybody
52mMaking Single Page Apps Accessible: It's easier than you think
39mYou really don't need all that JavaScript, I promise
26mAccessibility Is a Marathon, not a Sprint
53mThe Unbearable Weight of Massive JavaScript