HeadingsMap - Chrome Web Store
Item logo image for HeadingsMap

HeadingsMap

Featured
4.6(

69 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

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. Privacy statement on: https://rumoroso.bitbucket.io/

4.6 out of 569 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Mizanulhaq SalimJul 8, 2024

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

Replier's profile picture

Jorge RumorosoDeveloperJul 9, 2024

Hi Mizanulhaq, first of all, thank you very much for sharing your opinion. Regarding the number that appears beside each heading in the tree, to hide it you can do the following: * go to "settings" (the three dots button in the top opens a menu, and the first option is "settings" * this opens a dialog with three tabs. The second one is "headers structure tree". Go to that tab and uncheck the option "show heading level". I hope this is what you needed. And thank you again.

Review's profile picture

D BrownMay 1, 2024

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!!

Replier's profile picture

Jorge RumorosoDeveloperMay 4, 2024

Hi D Brown, thank you very much for sharing your comment. I really appreciate it.

Review's profile picture

sep compMar 26, 2024

simple and without problems

Details

  • Version
    4.8.4
  • Updated
    May 28, 2024
  • Offered by
    Jorge Rumoroso
  • Size
    573KiB
  • Languages
    5 languages
  • Developer
    Email
    rumoroso@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Color Contrast Analyzer

3.3(65)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

axe DevTools - Web Accessibility Testing

4.0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(139)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4.7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Heading Tag Markup

4.6(7)

This extension show the h-Tag on page.

HTML5 Outliner

4.2(261)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4.5(2.8K)

Adds a toolbar button with various web developer tools.

Lighthouse

4.4(308)

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Alt & Meta viewer

4.2(10)

画像に設定された Alt または Title 属性をツールチップで表示することができます。ヘッダの Title、Meta 情報を一覧表示させることができます。

HTML Heading Highlighter

3.4(5)

Highlights all the headings on a page to visually allow the user to see the heading hierarchy.

TDK Meta Checker

4.7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

WCAG Color contrast checker

4.2(23)

To check the color contrast between foreground and background of the texts

Color Contrast Analyzer

3.3(65)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

axe DevTools - Web Accessibility Testing

4.0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(139)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4.7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Heading Tag Markup

4.6(7)

This extension show the h-Tag on page.

HTML5 Outliner

4.2(261)

Generates a navigable page outline with heading and sectioning elements

Web Developer

4.5(2.8K)

Adds a toolbar button with various web developer tools.

Lighthouse

4.4(308)

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Google apps