How to use this tool
- Paste an HTML snippet or full document into the input area.
- Review the landmark table for presence and duplicate counts.
- Use the findings to adjust structure (e.g. avoid duplicate main).
About Landmark Role Checker
This tool helps developers audit page structure for screen readers and keyboard navigation. It checks semantic elements (header, nav, main, footer, aside) and ARIA landmark roles (banner, navigation, main, contentinfo, complementary, region, search, form). Duplicate landmarks can confuse assistive technology users.
Common use cases
- Auditing component markup for landmark structure before release
- Checking for duplicate main or navigation landmarks
- Validating ARIA role usage in dynamic or framework-rendered HTML
FAQ
- What landmarks does this checker detect?
- It detects semantic elements (header, nav, main, footer, aside) and ARIA landmark roles (banner, navigation, main, contentinfo, complementary, region, search, form). It reports presence and flags duplicates.
- Does this tool send my HTML to a server?
- No. All parsing and analysis runs in your browser. Your HTML never leaves your device.
- Are duplicate landmarks always wrong?
- Multiple nav or complementary regions can be valid (e.g. main nav and footer nav). The checker flags them for review. Duplicate main or banner is usually an error and should be fixed.
- Why does it check both elements and ARIA roles?
- Landmarks can be provided by semantic HTML (e.g. <main>) or by ARIA (role='main'). The checker reports both so you can see what assistive technology will expose.