Headliner

✨ Heading Analysis
- Extracts all headings (H1–H6) from the current page
- Displays them in a clean, hierarchical tree view
- Shows summary statistics of heading distribution

📊 Document Outline
- Visualizes the semantic structure of the page
- Maps HTML5 sectioning elements (article, section, aside, nav, etc.)
- Shows how headings relate to page sections

🔍 Issue Detection
- Missing H1 tag
- Empty headings (accessibility issue)
- Multiple H1 tags (only one should exist)
- Broken heading hierarchy (e.g., H2 → H4)
- H1 not positioned as the first heading
- Duplicate heading text (confusing for navigation)
- Excessively long headings (>120 characters)

🎯 Interactive Navigation
- Click any heading to scroll to it on the page with highlight animation
- Three-tab interface: Headings, Outline, and Issues