12 KiB
| title | chunk | source | category | tags | date_saved | instance |
|---|---|---|---|---|---|---|
| Accessibility tree - Glossary | MDN | 1/3 | https://developer.mozilla.org/en-US/docs/Glossary/Accessibility_tree | reference | web, html, css, javascript, documentation | 2026-05-05T05:23:54.666493+00:00 | kb-cron |
MDN HTML HTML: Markup language
HTML reference
HTML guides
Markup languages
CSS reference
CSS guides
Layout cookbook
JavaScriptJS JavaScript: Scripting language
JS reference
JS guides
Web APIs Web APIs: Programming interfaces
Web API reference
Web API guides
- Using the Web animation API
- Using the Fetch API
- Working with the History API
- Using the Web speech API
- Using web workers
Technologies
Topics
Learn Learn web development
Frontend developer course
- Getting started modules
- Core modules
- MDN Curriculum
- Check out the video course from Scrimba, our partner
Learn HTML
Learn CSS
Learn JavaScript
Tools Discover our tools
About Get to know MDN better
Accessibility tree
The accessibility tree contains accessibility-related information for most HTML elements. Browsers convert markup into an internal representation called the DOM tree. The DOM tree contains objects representing all the markup's elements, attributes, and text nodes. Browsers then create an accessibility tree based on the DOM tree, which is used by platform-specific Accessibility APIs to provide a representation that can be understood by assistive technologies, such as screen readers. There are four properties in an accessibility tree object:
How can we refer to this thing? For instance, a link with the text "Read more" will have "Read more" as its name (find more on how names are computed in the Accessible Name and Description Computation spec).
How do we describe this thing, if we want to provide more description beyond the name? The description of a table could explain what kind of information the table contains.
What kind of thing is it? For example, is it a button, a nav bar, or a list of items?
Does it have a state? Examples include checked or unchecked checkbox states and collapsed or expanded states for the <summary> element.
Additionally, the accessibility tree often contains information on what can be done with an element: a link can be followed , a text input can be typed into , etc.
While still in draft form within the Web Incubator Community Group as of April 2022, the Accessibility Object Model (AOM) intends to incubate APIs to express accessibility semantics and potentially allow read access to the computed accessibility tree.