To show, browse and audit (for accessibility and SEO) the headings structure
What is HeadingsMap?
HeadingsMap is a Chrome extension that generates a document map or index of any web document structured with headings, allowing direct access to content by clicking on any of its items. It also displays the HTML5 outline and provides useful features for web developers, consultants, and accessibility auditors.
Extension stats
By: Jorge Rumoroso
Users: 100,000+
Rating: 4.55
(69)
Creation date: 2020-06-28
Risk impact: High risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
Host permissions:
Size: 588.80K
Email: ru*****@gmail.com
Ranking
# 2457
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.
Extension summary
The extension generates a document map or index of any web document structured with headings, allowing direct access to content by clicking on any of its items. It now also displays the HTML5 outline. Although the extension was initially meant to assist web developers, consultants, and accessibility auditors, it turned to be useful for many users, facilitating the reading and navigation in long structured pages
Features:
- Lists headings with optional information about their levels and any breaks in the correct hierarchical structure.
- Lists sections with header information, including optional details about structural errors.
- Provides information from the main document and documents within frames, featuring a document selector when multiple documents are present.
- Clicking on headers scrolls the document to the corresponding position and highlights it.
- Detects changes in the DOM and updates content as necessary, with an option for manual refresh.
- Allows collapsing of the header list by levels.
- Optional HTML5 Outline test.
- CSS outline for identifying headers or sections when clicking the tree.
- Does not display hidden headers or sections (hidden from assistive technologies).
- If a header or section is an anchor, the link in the results points to it. This is useful for copying directly from the tree using the browser's contextual menu. Optionally, it shows anchor-links that copy the link to the clipboard when clicked.
- Two themes available.
User reviews
Pros
- Very useful for analyzing headings and structure of web pages or documents.
- Essential for users working with accessibility tools.
- Helpful in studying and organizing research materials.
- Simple to use and operates without problems.
Cons
- Issues with functionality on certain websites (e.g., conflict with Google Calendar).
- Problems with textareas disappearing or not functioning properly after updates.
- Heading numbers automatically included when copying structure can be annoying.
- Extension fails to open for certain sites and lacks support.
Most mentioned
- Useful for analyzing web page headings.
- Problems with compatibility with other web applications.
- Annoyances with how heading numbers are included when copying.
Recent reviews
hướng dẫn tôi cách sử dụng tiện ích này nhé
Muy buen extensión.
It's amazing extension.
And, i wanna ask. Is there a way to hide the number in table of content that generate by this extension? Honestly, it quite disturb me to read the table of content
Anyway, it's still amazing extension
Extension safety
Risk impact
HeadingsMap requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
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
100,000+
https://chrispederick.com
4.45
1,000,000+
https://developers.google.com/web
4.44
1,000,000+
googflogs.app
4.20
50,000+
Evans Owino
3.40
5,000+
東條 はる
4.75
10,000+
Jorge Rumoroso
4.19
70,000+
https://accessibility.oit.ncsu.edu
3.36
70,000+
https://www.deque.com
3.98
300,000+
WebAIM
4.12
600,000+
Accessibility Insights Team
4.67
100,000+