Inclusive Markup

on YouTube ↗49m

" summary

Claims concrete savings: a rebuilt login page drops from 670 KB to 68 KB and shaves DOMContentLoaded from ~4s to 0.85s by removing framework bloat. Implements an input mask as ~3 KB JavaScript plus tiny CSS that keeps accessibility (aria labels, placeholders, pattern) and a keyboard-friendly radio-button carousel built from native inputs and CSS transitions. Advises omitting hero video audio, using semantic HTML over ARIA where possible, and resizing/serving optimal image formats.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 2:44Accessibility and Performance with Web Standards
3. 10:58Prescriptions
4. 42:39Merry-go-round

" related talks

• 22mFast. Simple. Accessible.Estelle Weyl · .concat() 2018
• 22mHTML: How to Make LovelinessBruce Lawson · GOTO Chicago 2020
• 01h 03mBetter performance === greater accessibilityAaron Gustafson · Inclusive Design 24 (#id24) 2018
• 50mAdvanced HTML for Good DevelopersMandy Michael · NDC Sydney 2024
• 30mAdvanced HTML for Performance & AccessibilityMandy Michael · RubyConf AU 2024
• 58mNew Adventures in Responsive Web DesignVitaly Friedman · Beyond Tellerrand Munich 2018
• 34mHTML Best PracticeAnton Nemtsev · JSWORLD Conference 2022 Online
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018