Build Assets
Checklist

Heading Hierarchy

Page headings follow a logical h1→h2→h3 sequence with no skipped levels.

Platform: webTags: accessibility, headings, structure, seo

Check

Every page has exactly one h1 (the page title). Subsections use h2. Sub-subsections use h3. No levels are skipped (no h1 → h3). Heading levels are not chosen for visual size — use CSS for size, HTML for structure.

Why This Matters

Screen readers navigate by heading hierarchy. A logical heading structure lets users jump to sections without reading everything. Skipped levels confuse navigation and signal poor document structure.

Category

Accessibility

Priority

important

How to Verify

Install HeadingsMap browser extension or run axe. Check that each page has one h1, headings are nested logically, and no visual "heading" is implemented as a bold div instead of an h-tag.

Source Topic

practical ui

Readability and Text Layout

Line length, line height, alignment, and spacing for comfortable reading