HeadingsMap chrome extension

Version: 4.2.3
To show, browse and audit (for accessibility and SEO) the headings structure
4.53 Based on 53 user rates

What is HeadingsMap?

HeadingsMap is a documentation extension for chrome. it's a free extension and is featured in Developer Tools, it has 80,000+ active users since released its first version, it earns an average rating of 4.53 from 53 rated user, last update is 242 days ago.

What’s new in version 4.2.3?

                The extension generates a documentmap or index of any web document structured with headings (you can access directly to the content by clicking on any of its items), and now, it shows the HTML 5 outline.


* List of headings and optional information about their level and if they break the correct hierarchical structure
* List of sections with header information and includes optional information about errors in the structure
* Information from the main document and also from the documents inside frames (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, updates its content (if necessary)
* It can also be refreshed manually
* Allow collapsing list of headers by levels
* HTML 5 Outline test is optional
* CSS outline for identifying the header (or section) when clicking the tree
* It doesn't show hidden headers or sections (hidden for assistive technologies)
* 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). Additionally, as option that can be disabled, it shows anchor-links that when clicked, copy the link to the clipboard
* Two themes

So this is useful not only to facilitate navigation to anyone, but also to help webdevelopers, consultants and auditors.

Privacy statement on: https://rumoroso.bitbucket.io/            

How to install HeadingsMap?

You could download the latest version crx file or older version files and install it.

Preview of HeadingsMap

Technical Features:

  • Latest Version: 4.2.3
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Sunday, April 2nd, 2023
  • Author: Jorge Rumoroso

HeadingsMap Available languages:

English, español.


Reviews of headingsmap:

Andrew Gorrill February 28th, 2023
Andrew Gorrill

Really useful, particularly given that navigation by headings is the most common form of screen-reader navigation (https://webaim.org/projects/screenreadersurvey9/).

Pat MySecret February 13th, 2023
Pat MySecret

Fast and more accurate than most. A few extra options would be nice.

Jonathan Drake January 9th, 2023
Jonathan Drake

Fulfills a vital function in website testing when it functions, but often times it crashes with odd errors because the code quality seems still very low on this extension. Very unfortunate, but maybe an opportunity for another developer to build a better one?

Read more review & comments of headingsmap