HeadingsMap icon

HeadingsMap

Extension Actions

CRX ID
bokekiiaddinealohkmhjcgfanndmcgo
Status
  • Extension status: Featured
Description from extension meta

To show, browse and audit (for accessibility and SEO) the headings structure

Description from store

Features
Shows a list of headings with information about their level and if they break the hierarchical structure
If there are elements that use role attribute with value heading, they are also listed. Their level is based on the value of <em>aria-level</em> attribute (if not defined, its default is 2).
List of sections with header information and warnings for errors in the structure
Gets the information from the main document and also from the documents inside iframes (includes a document selector that is active when there are multiple documents)
By clicking on the headers, the document scrolls to the position of the header/section and highlights it
Detects changes in the DOM and when they finish it updates the trees
Dark theme (optional)
HTML 5 Outline test is optional
Optionally it shows hidden headers and sections (hidden for assistive technologies). When they are shown, an icon is added to the items in the tree to identify which ones were detected as visible or hidden by the extension
If the header (or section) is an anchor, the link in the results has the href pointing to it (useful for being copied directly from the tree with the option in the contextual menu of the browser)
If header/section content uses aria-label, its value can be shown (optional property configurable in the settings section)
Version for multiple browsers. It uses the "browserExtensions API" so it is compatible with Chrome, Firefox, Microsoft Edge,...

Latest reviews

Gideon
Love it.
Lars
If you care about accessibility and SEO, you need this extension.
Logan
Very nice app for navigating documents by header names. Indicates which section you are in. Can be pinned left, or right, would be nice if you could pin bottom and top too, and if it could float over the document instead of squishing it on small windows.
Thierry
Très simple, mais efficace