Accessibility
The DropDownTree is accessible by screen readers and provides full WAI-ARIA accessibility support.
WAI-ARIA Support
The DropDownTree uses the aria-expanded
, aria-selected
, aria-readonly
, aria-haspopup
and aria-hidden
properties on the nested elements depending on the current state of the component and its options.
The DropDownTree uses the listbox
role, while the popup TreeView uses the tree
role with the roving tabindex navigation strategy. Each TreeView item in the popup has a treeitem
role with aria-expanded
, aria-selected
, aria-level
and other state properties.
The DropDownTree also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.
Section 508
The DropDownTree is compliant with the Section 508 requirements.
Limitations
The following issues are related to the WAI-ARIA support limitations of browsers and screen readers:
- Internet Explorer 10 and 11 work best with the Jaws screen reader. Other readers are not supported very well.
- Microsoft Edge works best with Microsoft Narrator screen reader.