What is HTML Heading Highlighter?

HTML Heading Highlighter is a Chrome extension developed by Evans Owino, and its main feature is "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Extension Screenshots

Download HTML Heading Highlighter Extension CRX File

Download HTML Heading Highlighter extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

A chrome extension that highlights all the headings (h1-h6) on the page. I made this to extension to help me quickly get a rough idea of the heading structure when carrying out accessibility audits. Each heading is given an outline with a specific colour. A key is also appended to the body which illustrates the mapping of colour to heading.

Extension Basic Information

Name	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
Official URL	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Description	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
File Size	13.7 KB
Installation Count	5,124
Current Version	1.0.1
Last Updated	2018-10-15
Publish Date	2018-10-15
Rating	3.40/5 Total 5 Ratings
Developer	Evans Owino
Payment Type	free
Extension Website	https://github.com/eowino/heading-highlighter-chrome-ext
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "HTML Heading Highlighter", "short_name": "Highlight Headings", "version": "1.0.1", "description": "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.", "manifest_version": 2, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ] } ], "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "assets\/images\/hh_16.png", "32": "assets\/images\/hh_32.png", "48": "assets\/images\/hh_48.png", "128": "assets\/images\/hh_128.png" } }, "icons": { "16": "assets\/images\/hh_16.png", "32": "assets\/images\/hh_32.png", "48": "assets\/images\/hh_48.png", "128": "assets\/images\/hh_128.png" } }