ARIA and Accessible Names in HTML Cheat Sheet
Apply ARIA roles, names, descriptions, states, live regions, relationships, and keyboard semantics without overriding strong native HTML behavior.
Open cheat sheetHTML · 9 guides
Structure documents, describe content, and build accessible navigation and data.
Focused references
Each guide includes copy-ready syntax, detailed examples, and authoritative references.
Apply ARIA roles, names, descriptions, states, live regions, relationships, and keyboard semantics without overriding strong native HTML behavior.
Open cheat sheetBuild a dependable HTML document head with language, encoding, viewport, titles, descriptions, canonical links, icons, crawler directives, social cards, and structured data.
Open cheat sheetUse id, class, lang, dir, hidden, inert, tabindex, contenteditable, spellcheck, translate, and data attributes with correct document-wide semantics.
Open cheat sheetDeclare content languages and bidirectional text correctly, then format locale-sensitive dates, numbers, lists, plurals, and text with Intl.
Open cheat sheetCreate meaningful HTML links and navigation landmarks with relative URLs, fragments, downloads, safe new tabs, current-page state, and skip links.
Open cheat sheetStructure ordered, unordered, and descriptive content with meaningful HTML text elements, quotations, edits, code, time, and machine-readable values.
Open cheat sheetAnnotate visible content with HTML microdata, model nested and identified items, choose correct value-bearing elements, and publish maintainable JSON-LD.
Open cheat sheetBuild accessible HTML data tables with captions, row and column headers, structural groups, spans, column metadata, and explicit header associations.
Open cheat sheetStructure accessible web pages with semantic HTML landmarks, headings, articles, sections, figures, time values, and lists.
Open cheat sheet