You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Each <li> should have tabindex="-1" unless it is the first aria-selected item, then its tabindex is 0 (this stops keyboard users from having to tab through all of the items) to get past the tree view
Up/down should move up/down the nodes
Left/right should expand collapse parent nodes
Space should (de)select a node
Enter should (de)select a node, unless it is a parent, in which case it expands/collapses
It's worth reading the aforementioned authoring guidelines to make a component that is accessible to all users.
I understand it will be quite a bit of work, but it's very important that all users, regardless of disability and device can use this control (and every control on the web).
The text was updated successfully, but these errors were encountered:
The W3C describe in detail how a tree view component should be written to be accessible here: https://www.w3.org/TR/wai-aria-practices-1.1/#TreeView
Here are the paraphrased missing features:
role
s:tree
,treeitem
,group
aria-expanded
,aria-multiselectable
,aria-selected
<li>
should havetabindex="-1"
unless it is the firstaria-selected
item, then itstabindex
is0
(this stops keyboard users from having to tab through all of the items) to get past the tree viewIt's worth reading the aforementioned authoring guidelines to make a component that is accessible to all users.
I understand it will be quite a bit of work, but it's very important that all users, regardless of disability and device can use this control (and every control on the web).
The text was updated successfully, but these errors were encountered: