Track
HTML
Review structure, semantics, forms, and accessible document foundations.
- 01
Document language and metadata
Declare the document basics so browsers, search, and assistive technology start with the right context.
metadataaccessibilitydocument - 02
Semantic document structure
Use landmarks and headings to make the page structure understandable.
semanticsaccessibilitystructure - 03
Heading hierarchy
Use headings to describe document structure instead of choosing heading levels for visual size.
headingssemanticsstructure - 04
Links and navigation
Use real links with clear names for navigation instead of clickable generic elements.
linksnavigationaccessibility - 05
Images and alternative text
Write alt text for meaningful images and hide decorative images from assistive technology.
imagesaccessibilitycontent - 06
Accessible form labels
Connect form controls to durable labels instead of relying on placeholder hints.
formsaccessibilitylabels - 07
Form help text and errors
Connect help and error text to the field so validation feedback is announced with the control.
formsaccessibilityerrors - 08
Interactive elements
Use native controls for actions so interaction behavior comes with the element.
semanticsaccessibilityinteraction - 09
Tables for tabular data
Use table markup for data grids so headers and cells keep their relationships.
tablessemanticsdata - 10
ARIA restraint
Use native HTML first and add ARIA only when it describes behavior that HTML cannot express.
ariaaccessibilitysemantics
Related tracks
Keep learning inside the same language family.