Depth 0 · representational · unassisted · M04 §4.1
Structure an HTML document
Assembles doctype, head and body correctly
- Evidence
- Produces a valid document that passes the validator
- Market anchor
- HTML5
- Rests on
- Nothing sits under this one — it is an entry point.
Depth 1 · conceptual · unassisted · M04 §4.1
Choose semantic elements
Uses header, nav, main, section, article, aside, footer
- Evidence
- Marks up a page that outlines correctly for assistive tech
- Market anchor
- HTML5 · accessibility
Depth 2 · procedural · unassisted · M04 §4.2
Use content elements correctly
Applies headings, lists, links, images and tables
- Evidence
- Builds a content page with a correct heading hierarchy
- Market anchor
- HTML5
Depth 4 · procedural · unassisted · M04 §4.3
Constrain input in markup
Applies required, pattern, min and max
- Evidence
- Blocks bad input before any JavaScript runs
- Market anchor
- Web development