Tree Node ARIA Roles

[dubrod]

I hope this one doesnt get too confusing.

---

• [x] Tree Parent - Sub Heading

In the tree, we have 3 parent LI , and under that a huge series of div's and then another UL

So if im at the Resources List , find the Span for Website , its parent UL is:

<ul class="x-tree-root-ct x-tree-arrows" id="ext-gen29">

needs to add

<ul class="x-tree-root-ct x-tree-arrows" id="ext-gen29" role="tree" aria-labelledby="ext-gen24">

with ext-gen24 being the ID for the Resources span

---

• [ ] Tree Parent - Sub Heading - First Node

The first LI inside the above:

<li class="x-tree-node" role="treeitem" aria-labelledby="extdd-3" aria-selected="false" aria-level="1">

• needs to add tabindex="0"
• aria-expanded is there but not changing from true to false

---

• [ ] Tree Parent - Sub Heading - First Node - Resources List

at the UL after Website and before Home looks like this:

<ul class="x-tree-node-ct" role="group">

its first LI is what needs to be edited

• needs to add tabindex="-1"
• aria-expanded is there but it should not be if this resource is not a parent

[dubrod]

@paulbohman and @kensgists the tabbing and directional keys are still a little iffy but we have aria-expanded and labelled by now.