Web Tools tools.bryantsmith.com

Accessibility

Heading Structure Visualizer

Paste HTML to see its H1–H6 outline as a tree and catch structural problems such as skipped levels, empty headings, and missing or duplicate H1s. Everything runs in your browser — your markup never leaves the page.

Runs in your browser v1.0.0

HTML source

inert parser

Paste a full page or a fragment. Script, style, and template contents are ignored, and pasted code is never executed.

Heading outline

live

Issues

errors and warnings

How it works

The HTML is scanned in an inert, string-based parser: comments and the contents of script, style, template, and similar elements are ignored, so the outline reflects real visible headings. Headings are nested by level, then checked for common accessibility problems. Nothing is sent to a server and no code from your markup is run.

Related tools

  • Accessible Button GeneratorGenerate accessible button and link patterns for common interaction types, with a live preview, copyable HTML and CSS, and plain-language accessibility notes.
  • Accessible Link CheckerPaste HTML markup to flag vague, duplicated, empty, or context-poor link text before it ships.
  • Alt Text HelperGet the right alt attribute for any image based on its purpose and context, with copyable HTML and a screen-reader preview.
  • Touch Target CheckerCheck element dimensions and spacing against WCAG, Apple, and Material touch-target guidance in your browser.
  • WCAG Contrast Batch CheckerTest every foreground and background combination between two color palettes and see which ones pass WCAG contrast.
  • Accessible Form CheckerPaste form markup to flag missing labels, broken label and aria references, missing fieldset legends, and other accessibility failures.

More Accessibility tools