testcase-tree-multiselectable-C.html (1470B)
1 <!DOCTYPE html> 2 <html><head> 3 <title>ARIA 1.0 Test Case: Tree role with aria-multiselectable</title> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 </head> 6 <body> 7 <h1>ARIA 1.0 Test Case: Tree role with aria-multiselectable</h1> 8 9 <div role="tree" aria-multiselectable="true"> 10 <div role="treeitem">Leaf 1 11 <div role="group"> 12 <div role="treeitem" aria-selected="true">Leaf 1A (Selected)</div> 13 <div role="treeitem">Leaf 1B</div> 14 <div role="treeitem" aria-selected="false">Leaf 1C (aria-selected='false')</div> 15 </div> 16 </div> 17 <div role="treeitem" aria-selected="true">Leaf 2 (Selected) 18 <div role="group"> 19 <div role="treeitem">Leaf 2A</div> 20 <div role="treeitem">Leaf 2B</div> 21 <div role="treeitem">Leaf 2C</div> 22 </div> 23 </div> 24 <div role="treeitem">Leaf 3 25 <div role="group"> 26 <div role="treeitem">Leaf 3A</div> 27 <div role="treeitem" aria-selected="false">Leaf 3B (aria-selected='false')</div> 28 <div role="treeitem" aria-selected="true">Leaf 3C (Selected)</div> 29 </div> 30 </div> 31 </div> 32 33 <script> 34 35 function setFocus() { 36 var node = document.getElementById('ID_TARGET'); 37 node.focus(); 38 } 39 40 window.addEventListener('load', setFocus); 41 </script> 42 43 44 45 46 </body></html>