Skip to Content (Press Enter)

Accessibility tree

A structure derived from the DOM (Document Object Model) that represents the accessible elements of a web page.

Screen readers and other assistive technologies use the accessibility tree to interpret and convey the content and structure of a page to users with disabilities. The accessibility tree excludes non-essential elements, focusing on elements that provide meaningful information or interactivity.

Key Components of the Accessibility Tree:

  • Roles: Defines the function of an element (e.g., button, link, heading) so assistive technology can interpret its purpose.

  • Properties: Provides descriptive information, such as labels or states (e.g., "checked" for a checkbox), making elements understandable.

  • Hierarchy: Represents the page’s structure, such as nested lists or headings, so users can navigate content logically.

By ensuring that a website’s accessibility tree is accurate and complete, developers improve access for users who rely on screen readers or keyboard navigation, enhancing the inclusivity and usability of web content.