Find tools
HeadingsMap
- Last reviewed
- 13 August 2026
Displays page heading structure to verify content hierarchy.
What you can test
Access needs this tool can test for:
- vision
- cognitive
How to install
Use the links to install:
HeadingsMap for Chrome and Edge HeadingsMap for Firefox
It's not available for Safari.
How to use
Once installed, you can launch the tool from your extensions bar. It appears as a letter h with a forward slash.
Once selected, it will then appear and show the heading hierarchy of your webpage.
What results could look like
HeadingsMap will show the heading structure of the page, with the hierarchy of headings displayed on the left hand side.
This will help you to understand the structure of the page and identify any issues with the heading structure.
Screenshot showing HeadingMap tool showing the list of headings on Get into teaching, with heading structure listed. View larger image in a new tab
What to do next
You need to check or verify that the accessibility issues the tool finds are issues, rather than false positives or false assurances.
If an issue is genuine, speak to your developer or design team to consider, then implement, a fix.
You can read guidance for how to manage and prioritise issues.