HeadingsMap
To show, browse and audit (for accessibility and SEO) the headings structure
What is HeadingsMap?
HeadingsMap is a Chrome extension that generates an index or map of any web document structured with headings, for seamless navigation. It also shows the HTML 5 outline. By providing essential information about the hierarchical structure of a document, it facilitates website users and also aids web developers, consultants, and auditors in their work. The extension detects changes in DOM, allows manual refreshing, and gives optional HTML 5 outline tests. With enhanced features like collapsible header lists, CSS outline, anchor links pointing, and more, HeadingsMap proves to be a versatile tool for easy web navigation, accessibility, and SEO auditing.
Stats
By:
Jorge Rumoroso
Users:
100,000+
Creation date:
2020-06-28
Risk impact:
High risk impact
Risk likelihood:
Very low risk likelihood
Manifest version:
3
Permissions:
Host permissions:
Size:
586.75K
Email:
ru*****@gmail.com
Stats date:
Chrome-Stats Rank
#
2370
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Summary
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.
Features:
- 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
User reviews
User reviews summary
Pros
- Useful for analyzing headings and flow of headings on a page or blog
- Simple and easy to use
- Helpful for website testing and on-page SEO analysis
- Great for studying and navigating complex information online
Cons
- Conflicts with Google Calendar
- Causes issues with entering text in textareas on certain websites
- May crash with odd errors due to low code quality
- Not working in production for some users
Most mentioned
- Useful for analyzing headings and flow of headings on a page or blog
- Conflicts with Google Calendar
- Causes issues with entering text in textareas on certain websites
- Great for studying and navigating complex information online
Recent reviews
Just wanted to say that I have found this HeadingsMap extension absolutely essential for the work I do with RNIB and the blind. So simple and yet so, so useful for me to check the page heading hiearchy. Well done to those involved. Great extension!!
simple and without problems
Amazing Extension for analyzing headings and flow of heading on page or blog
Safety
Risk impact
HeadingsMap is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install HeadingsMap if you trust the publisher.
Risk likelihood
HeadingsMap has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to HeadingsMap:
Heading Tag Markup
HTML5 Outliner
Web Developer
Lighthouse
Alt & Meta viewer
HTML Heading Highlighter
TDK Meta Checker
WCAG Color contrast checker
Color Contrast Analyzer
axe DevTools - Web Accessibility Testing
WAVE Evaluation Tool
Accessibility Insights for Web
Webreload
4.57
7,000+
Dominykas Blyžė
4.25
90,000+
https://chrispederick.com
4.46
1,000,000+
https://developers.google.com/web
4.44
1,000,000+
googflogs.app
4.20
40,000+
Evans Owino
3.40
5,000+
東條 はる
4.67
9,000+
Jorge Rumoroso
4.14
60,000+
https://accessibility.oit.ncsu.edu
3.31
80,000+
https://www.deque.com
4.04
300,000+
WebAIM
4.14
500,000+
Accessibility Insights Team
4.66
100,000+