Is this landmark checker free?

Yes, completely free with no signup and no usage limits.

Does my data leave my device?

No. All processing runs entirely in your browser. Nothing is sent to any server.

Does it work on mobile?

Yes. Works on iPhone Safari and Android Chrome without installing any app.

Why do duplicate nav landmarks need unique aria-labels?

When a page has multiple elements (e.g. primary nav + breadcrumb + footer nav), screen reader users can list all landmarks to navigate quickly. Without unique labels, all three appear as just "navigation" with no way to distinguish them. Add aria-label="Main navigation" and aria-label="Breadcrumb" etc. to give each a distinct name.

HTML Landmark Checker

Paste HTML and check for proper landmark regions: main, nav, header, footer, aside.

100% client-side · no upload

Input

Output

How to use

Paste your page HTML or a significant snippet into the input area.
Click Check landmarks to see which landmark regions were found, missing, or duplicated.
Fix any ✗ MISSING errors first — the main landmark is required by WCAG 1.3.6.

Related tools

More ways to use this tool

Frequently Asked Questions

Is this landmark checker free?: Yes, completely free with no signup and no usage limits.
Does my data leave my device?: No. All processing runs entirely in your browser. Nothing is sent to any server.
Does it work on mobile?: Yes. Works on iPhone Safari and Android Chrome without installing any app.
Why do duplicate nav landmarks need unique aria-labels?: When a page has multiple <nav> elements (e.g. primary nav + breadcrumb + footer nav), screen reader users can list all landmarks to navigate quickly. Without unique labels, all three appear as just "navigation" with no way to distinguish them. Add aria-label="Main navigation" and aria-label="Breadcrumb" etc. to give each a distinct name.

Last updated: 2026-05-20 By jarvisbox