The existing functionality currently disables both the parent and its child nodes, but it is necessary to disable only the parent while still permitting the selection of the child nodes.
The current workaround relies on a template and using custom CSS which isn't practical, but it is a working option:
https://stackblitz.com/edit/angular-2ricmg?file=src%2Fapp%2Fapp.component.ts
Describe the bug
The Kendo UI DropDownTree has several ARIA errors appearing according to the Axe DevTools.
To Reproduce
Steps to reproduce the behavior:
- Go to the following StackBlitz.
- Inspect the page, in the inspector click the "axe DevTools" tab and then click the "Scan ALL of my page" button.
- Under "Serious" issues you will see: ARIA toggle fields must have an accessible name
Expected behavior
There should be no ARIA errors related to the Kendo UI DropDownTree.
Screenshots
Please take a look at the following Screencast related to the issue.
Browser
- OS: All Supported
- Browser: All Supported
- Version: latest (e.g. Edge: 104.0.1293.70)
Current behavior:
All parent items are available for selection unless they are disabled.
Expected behavior:
Items that are parents should have a third state that allows them to be expanded but not selected.
In many real-world use cases, parents are categories that are not supposed to be selected and only exist to categorize the child options.