Semantics for Cynics
summary
Argues that using a handful of real HTML elements—header, nav, main, aside, footer, headings, lists, form controls, figure/figcaption—produces measurable UX wins: screen readers list a page’s headings and announce “list of 14 items” on the speakers page, Apple Watch shows richer previews when articles use article/figcaption, and keyboard users avoid empty clickable anchors. Practical advice: replace div/span onclick hacks with real a links or buttons, mark up lists and headings, and assistive navigation immediately improves.
AI-written summary · about
chapters (4)
related talks
46mSemantics and How to Get Them Right
28mHumanizing The Markup Language: Thoughtful Semantics for Better Web Experiences
30mAdvanced HTML for Performance & Accessibility
33mMarkup matters
28mSemantic HTML: What, Why, and How
52mCommon Accessibility Pitfalls
34mHTML Best Practice
01h 12mPractical Tips for Building More Accessible Front-Ends by Sara Soueidan