Media
4 items
Description
Analyze and visualize the heading structure of any webpage. Perfect for content creators, developers, and accessibility auditors. ✨ 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