Accessibility Tree
A semantic tree structure automatically constructed by browsers from the DOM and ARIA attributes, exposing key page information to assistive technologies such as screen readers. Each node contains three types of properties: role, name, and state. Decorative nodes are excluded. The accessibility tree serves as an important signal for AI agents when interpreting webpage structure.
Core Facts
Timeline (last 90 days)
Playwright MCP controls the browser using accessibility snapshots—structured data from the web accessibility tree—rather than screenshots or visual models.
There are three main ways for AI agents to perceive web pages: directly viewing rendered page screenshots (vision models), reading the rendered DOM, and reading the accessibility tree.
The accessibility tree is automatically constructed by the browser based on the DOM and ARIA attributes, and each node contains three key properties: role, name, and state.
Compared to screenshot-plus-visual-recognition approaches, accessibility-tree-based browser interaction solutions consume significantly fewer tokens and are more reliable for fine-grained operations such as form filling and dropdown selection.
无障碍树的节点数量通常只有DOM节点的10%-20%，因为纯样式容器、不可见元素和装饰性图片会被过滤
The accessibility tree is a semantic tree structure built by the browser based on the DOM; it strips away visual style information and retains semantic information such as the role, name, state, and properties of each element.
All Facts (6)
The accessibility tree is a semantic tree structure built by the browser based on the DOM; it strips away visual style information and retains semantic information such as the role, name, state, and properties of each element.
65%UnverifiedPlaywright MCP controls the browser using accessibility snapshots—structured data from the web accessibility tree—rather than screenshots or visual models.
50%UnverifiedThere are three main ways for AI agents to perceive web pages: directly viewing rendered page screenshots (vision models), reading the rendered DOM, and reading the accessibility tree.
50%UnverifiedThe accessibility tree is automatically constructed by the browser based on the DOM and ARIA attributes, and each node contains three key properties: role, name, and state.
50%UnverifiedCompared to screenshot-plus-visual-recognition approaches, accessibility-tree-based browser interaction solutions consume significantly fewer tokens and are more reliable for fine-grained operations such as form filling and dropdown selection.
50%Unverified无障碍树的节点数量通常只有DOM节点的10%-20%，因为纯样式容器、不可见元素和装饰性图片会被过滤
50%