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 doesnt 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/
You can Follow the below Step By Step procedure to install the HeadingsMap Chrome Extension to your Chrome Web browser.
It is the HeadingsMap Chrome extension download link you can download and install Chrome Browser.
Evaluate web accessibility within your browser.
Generates a navigable page outline with heading and sectioning elements
Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.
This extension show the h-Tag on page.
Adds a toolbar button with various web developer tools.
閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。
This extension show alt and meta.
Accessibility Insights for Web helps developers quickly find and fix accessibility issues.
To check the color contrast between foreground and background of the texts