Item logo image for HTML Heading Highlighter

HTML Heading Highlighter

Item media 1 screenshot

Overview

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

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.

3.4 out of 55 ratings

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

Review's profile picture

Андрей КазаковSep 7, 2023

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 l... Show more

Review's profile picture

C SMar 24, 2023

Seems to not be maintained anymore--clicking the button doesn't do anything.

Review's profile picture

Fernanda MorschAug 15, 2019

Excellent! It's a great extension for those who are visual.

Details

  • Version
    1.0.1
  • Updated
    October 15, 2018
  • Offered by
    Evans Owino
  • Size
    13.7KiB
  • Languages
    English
  • 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 not provided any information about the collection or usage of your data.
Google apps