HTML Heading Highlighter

Highlights all the headings on a page to visually allow the user to see the heading hierarchy.

What is HTML Heading Highlighter?

"HTML Heading Highlighter" is a practical Chrome extension designed to vastly improve the user's ability to discern and understand the hierarchy of headings (h1-h6) on any webpage. It's an invaluable tool for accessibility audits, quickly providing an overview of the heading structure on a page. By outlining each heading in a distinctive colour, users can swiftly navigate and assess the structure and accessibility of the layout. An appended key offers an easy-to-follow guide showing the colour-to-heading mapping for improved functionality.

Download

Stats

By: Evans Owino

View on Chrome Web Store

Users: 5,000+

Rating: 3.40 (5)

Version: 1.0.1 (Last updated: 2018-10-15)

Creation date: 2018-10-15

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Size: 14.03K

URLs: Website

Stats date:

Chrome-Stats Rank

# 14566 ▼ 22

Other rankings

#1590 in Developer Tools ▲ 9 #45 in html keyword 41 ▲ 2 #54 in highlighter keyword 41 ▲ 2

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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.

User reviews

It's okay, it does work despite what other reviews say. It does its job, but a bit roughly: it creates an overlay on the page you're inspecting with a legend containing heading (a bit unpleasant and not-given-much-thought-to) colors that cannot be moved and it's fully opaque by default unless hovered. The huge plus (and therefore 5 stars) is that it works on SPA sites meanwhile some alternatives that highlight the headings much more elegant (I'd recommend the developer of this extension to learn from them), like "Website SEO Checker: Free Audit & Analysis", do not.