Item logo image for HeadingsMap

HeadingsMap

Featured
4.6(

67 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 567 ratings

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

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

Review's profile picture

Lavish BiotechMar 22, 2024

Amazing Extension for analyzing headings and flow of heading on page or blog

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(305)

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(305)

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

Google apps