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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<!DOCTYPE html>
<html><head>
<title>ARIA 1.0 Test Case: Listbox role with multiseclect</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>ARIA 1.0 Test Case: Listbox role with multiseclect</h1>
<div role="listbox" aria-multiselectable="true">
<div role="option">Option 1</div>
<div role="option" aria-selected="true" tabindex="-1">Option 2 (test for selected)</div>
<div role="option" aria-selected="false" id="ID_TARGET" tabindex="0">Option 3 (test for selected)</div>
<div role="option">Option 4</div>
</div>
<h2>Description</h2>
<p>A DIV element with role role "listbox" has an aria-multiselect attribute set to "true".
Two of the four child "div" elements with the role "option" have the "aria-selected" attribute set
to "true".</p>
<h2>Accessibility API Mappings</h2>
<h3>MSAA + UIA Express</h3>
<p>Expose <code>STATE_SYSTEM_SELECTED</code>; Expose <code>STATE_SYSTEM_SELECTABLE</code></p>
<h3>MSAA + IAccessible2</h3>
<p>Expose STATE_SYSTEM_SELECTED and STATE_SYSTEM_SELECTABLE for each of the elements with role option</p>
<h3>UIA</h3>
<p>Expose IsSelected property in SelectionItem Control Pattern. The availability of the SelectionItem Control Pattern indicates the item is selectable.</p>
<h3>ATK/AT-SPI</h3>
<p>Expose STATE_SELECTED on each of the elements with role option.</p>
<h3>AXAPI</h3>
<p>AXSelected:Yes on option 2 and 3 and AXSelected:No on option 1 and 4</p>
<script>
function setFocus() {
var node = document.getElementById('ID_TARGET');
myVar=setTimeout(function(){var node = document.getElementById('ID_TARGET');node.setAttribute("aria-selected","true");} ,2000)
}
window.addEventListener('load', setFocus);
</script>
</body></html>
|
