Accessibility and why everything old is new again

on YouTube ↗11m

" summary

Slides argue that semantic HTML and landmarks materially speed screen‑reader navigation and give concrete examples — header nav main footer, individual p tags, and headings that announce levels and list counts; recommends NVDA free option and shows screen‑reader output. Claims that language is fixed by the lang attribute so pronunciations match. Shows a concrete implementation for theme respect: meta tags plus a prefers-color-scheme media query toggling a theme class rather than a separate UI.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 0:43What accessibility means
3. 2:47Pre-CSS HTML semantics
4. 5:38Semantic HTML and screen readers
5. 6:39Language attributes
6. 7:40Dark mode basics
7. 9:46Respecting theme preferences

" related talks

• 01h 07mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Melbourne 2022
• 33mMarkup mattersCharlie Morris · Laracon AU 2025
• 44mWeb accessibility for ArtisansFranz Liedke · Laracon EU 2016
• 52mCommon Accessibility PitfallsChris DeMars · DevReach 2022
• 01h 01mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Oslo 2022
• 22mBetter accessibility with a user-centric viewMarianna Österlund · React Finland 2022
• 46mSemantics and How to Get Them RightHidde de Vries · beyond tellerrand Düsseldorf 2021
• 26mAccessibility Is a Marathon, not a SprintBrittany Feenstra · React Conf 2019