Feedback on the tree example

Hey guys

WE will be discussing this in 15 minutes.
But here is preliminary feedback based on basic screen reader testing.
First, change the spelling of "toogle" to "toggle" in documentation (I did not notice any other typos).
Second:
NVDA messes up the levels, says "level 1" no matter how far into the tree we go.
Using aria-level to indicate the tree depth might help this.
Third: I'd recommend using role="group" on the <ul> as well as aria-label (or aria-labelledby) matching the node that was expanded. For example:
<ul role="group" aria-label="apples">
That way screen readers give you a clear indication of which treenode you are investigating.
Thanks
-B

Received on Monday, 6 June 2016 16:50:38 UTC