1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
content / test / data / accessibility / event / aria-treeitem-focus.html [blame]
<!DOCTYPE html>
<html>
<body>
<ul id="tree" role="tree" tabindex="0" aria-activedescendant="before">
<li id="before" role="treeitem" tabindex="0" aria-expanded="false">
Major
</li>
<li role="treeitem" tabindex="0" aria-expanded="true">
Minor
</li>
<ul role="group">
<li role="treeitem" tabindex="0">
Minor Seventh
</li>
<li id="after" role="treeitem" tabindex="0">
Minor Ninth
</li>
</ul>
</ul>
<script>
var tree = document.getElementById('tree');
tree.focus();
function go() {
tree.setAttribute('aria-activedescendant', 'after');
}
</script>
</body>
</html>