Media
2 items
Description
Capture the full, expanded accessibility tree for any page and export it, the high-fidelity map AI agents use to read your site. Here's the detailed description for the listing. Plain text, British English, no emojis or dashes, ready to paste into the "Detailed description" field. Accessibility Tree Explorer captures the full, expanded accessibility tree for any web page and lets you export it for auditing. Google describes the accessibility tree as the high-fidelity map that AI agents use to understand and navigate a page. It is also what screen readers and other assistive technology rely on. If a page is structured poorly in that tree, agents and assistive tech struggle with it, regardless of how the page looks on screen. This extension shows you exactly what they see. Crucially, it does not read the page markup. It captures the computed accessibility tree through the Chrome DevTools Protocol, the same data the Accessibility panel in Chrome DevTools displays. That means roles, accessible names, and state are the real, resolved values an agent receives, not an approximation rebuilt from HTML or ARIA attributes. What you can do with it: Capture the complete accessibility tree of the active tab in one click Read it as a fully expanded, navigable tree, with each node showing its role, accessible name, and key state such as focusable, heading level, expanded, checked, and value Toggle ignored nodes on or off, so you can switch between the agent-facing view and the full underlying structure See a live summary of total nodes, visible nodes, and the number of distinct roles on the page Export the tree as JSON for further processing or as a readable text outline, or copy it straight to your clipboard Recommended workflow: Audit at the template level rather than page by page. Capture one representative page per template, such as a landing page, a blog post, a product page, and a category page, then compare how each is exposed. Check that headings carry sensible roles and levels, that navigation, search, and main content sit in the right landmarks, and that interactive controls have meaningful accessible names. Privacy: Everything happens locally in your browser. The extension reads the accessibility tree of the tab you choose, when you choose, and builds the on screen view and exports from that data. It does not collect, store, or transmit anything to any server. Note on permissions: To read the genuine accessibility tree, the extension uses Chrome's debugger interface, the same mechanism that powers DevTools. While it captures, Chrome shows a short banner stating that the extension has started debugging the browser. This clears automatically the moment the capture finishes. Built by The Organic Agency.