Semantic Navigator

Navigate and interact with web pages through their semantic tree structure. Experience the web the way assistive technology does.

Semantic Navigator replaces the visual browser rendering with an interactive DOM and accessibility tree. It's built for developers, QA engineers, and accessibility consultants who need to experience a page the way assistive technology does. What you can do: - Explore the DOM tree or the computed accessibility tree in a side panel - Click, navigate, focus, submit, and toggle through the tree — no mouse on the page required - Watch the page's real focus highlighted live as you tab through it - Scope down to a single dialog, form, or landmark - Filter by role (links, buttons, headings, form fields, landmarks) - Inspect the tab order and catch missing or out-of-order focus targets - "Curtain" the page to audit purely from the semantic tree Built on the open-source Real A11y engine. The same tree extraction also powers our testing library, React hooks, and Storybook addon — see https://real-a11y.dev. Privacy: runs entirely in your browser. No data leaves your machine.