HeadingsMap
Item logo image for HeadingsMap

HeadingsMap

Featured4.5(

64 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 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 * 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/

4.5 out of 564 ratings

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

Review's profile picture

Tomasz GiętkowskiFeb 15, 2024

The extension is very useful. However, there is a conflict between the extension and Google Calendar. When the extension is enabled, you cannot see the meeting name you are currently entering on the event creation form. Tested on the latest versions of Chrome 121.0.6167.162 and extensions 4.8.

2 out of 2 people found this helpful
Replier's profile picture

Jorge RumorosoDeveloperFeb 15, 2024

Hi Tomasz, thanks for sharing both, your opinion and the comment about the conflict when used with Google Calendar. I didn't check it yet, but most likely it is because how Google positions some elements in the view. In fact, that happens also with other pages that use position "fixed" for some elements and contents. I will take a look to see if I can improve it. I am also reviewing the option to show the extension panel using the side-panel feature that Chrome has. This could take some time and not sure how feasible it will be. Anyway, thank you again for sharing this problem. Edited on 19/2/2024: I just made an update. The change includes a way to identify fixed elements in the page and adjust their position when the extension is open. I hope this fixes the problem. I tried to reproduce the problem, but I couldn't :( . I am almost sure it was because the field for the meeting name was fixed positioned, so hopefully it is fixed Edited on 27/2/2024: I finally found what the problem could be. Today I updated the extension with the fix, so I hope now the problem is gone. Basically, it was a styling property and the problem was related with how the browser rendered it. Thanks for sharing it and sorry for the inconveniences of the bug.

Review's profile picture

Michelle WilliamsonFeb 13, 2024

I've been using this extension for years and it's worked great. As of recently (I assume the Feb 7 update), it's been causing an issue with entering text in textareas. The minute I place my cursor in the text area, the text area disappears off to the left and I can't see what I'm typing. Tried it on a fresh Chrome profile with no other extensions installed. Particularly an issue on Facebook. Having the extension makes it impossible to comment on a facebook post.

1 person found this review to be helpful
Replier's profile picture

Jorge RumorosoDeveloperFeb 13, 2024

Hi Michelle, does it happen only in Facebook or also in other pages? I entered in Facebook with the extension open and, when setting the cursor in the textarea to add comments to a post, the textarea keeps its position. I guess there are differences in terms of window width, and so on. In order to try to reproduce the problem, could you please tell me if it happens independently of the window width? I will try to reproduce the problem, so all information and detail that could help me to reproduce the problem would be great. In addition, would it be possible to make a screenshot of how it looks when it happens? You can answer to these questions directly to the email address: headingsmap@gmail.com I really appreciate that you shared the problem and I am sorry that it is not working as expected. I hope we can figure out what is happening. Best, Jorge Edited on 19/2/2024: I just made an update. The change includes a way to identify fixed elements in the page and adjust their position when the extension is open. I hope this fixes the problem. I am pretty sure it was because those textareas are fixed positioned, so hopefully it is fixed. Edited on 27/2/2024: I am not sure if the update has fixed the problem. I couldn't reproduce the it, but I just found out that same problem happens in other form that I have. It only happens when the extension is used in Chrome, so I guess it is something related with its engine and something else. I will start trying to figure out the origin of the problem and to fix it. Sorry for the inconvenience.

Review's profile picture

Max McDonoughFeb 12, 2024

Doesn't work anymore. Can't get the extension to open for the one site I need it for, my company's website that I do web development for. Deleting and reinstalling did nothing. Click the button in my toolbar and nothing happens. Really frustrating because there is literally no support.

1 person found this review to be unhelpful
Replier's profile picture

Jorge RumorosoDeveloperFeb 12, 2024

Hi Max, I am sorry that it does not work, and I understand your frustration. I am also sorry that you couldn't find a way to ask for support, but at least you could write your comment here. I could support if you also describe what is the problem, if it just happened after an update, if it only stops working in one site, if the site in which it does not work is not online but a file, if the browser has any specific configuration on the permissions that the extension needs (although you didn't change anything in the browser, it could happen that some changes apply after updating the browser or the extension), etc. The latest update includes an update in the manifest (from v2 to v3) so maybe you also need to check the "extension properties in Chrome" to be sure the permissions needed are granted. You mentioned that you are developer, so most likely you can understand that it is very difficult to debug a problem in the product that you develop when the user report only says "it doesn't work". Finally, I hope the "frustration because there is literally no support" can be mitigated either asking for it here, in this section, or using the contact email that this same page (the extension page in the Chrome store) includes under the header "Details" of the extension. I hope we can figure out the origin of the problem and make it work as expected.

Details

  • Version
    4.8.4
  • Updated
    March 7, 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(64)

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

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4.7(37)

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

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

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.0(20)

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

Color Contrast Analyzer

3.3(64)

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

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Accessibility Insights for Web

4.7(37)

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

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

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

Google apps