The document itself. Get this layer right and accessibility, SEO, and progressive enhancement mostly come for free.
7 articles
Listed inWriting Semantic HTMLHTMLon
Every div you replace with the element that means what you mean deletes a pile of ARIA, keyboard handling, and focus code you would otherwise have to write and maintain.
Listed inAccessibilityHTMLon
The filterable quick reference: every success criterion with sufficient techniques and common failures.
Listed inWriting Semantic HTMLHTMLon
Choosing the element that means what you mean, and what a page of nested divs costs you downstream.
Listed inLearn the BasicsHTMLon
Elements, attributes, nesting rules, and the document structure the browser builds its tree from.
Listed inSEO BasicsHTMLon
Titles, metadata, canonical URLs, structured data, and what crawlers do with a client-rendered page.
Listed inAccessibilityHTMLon
Keyboard order, focus management, names and roles, and contrast — the four that catch most real defects.
Listed inForms and ValidationsHTMLon
Native inputs, constraint validation, and the parts of a form you should never rebuild in JavaScript.