blob: e2e0135eeb2c448732650faf54a8a3b5ad78cee3 (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>An element with id=test and role=listbox, which is owned by a combobox</title>
<style type="text/css">
ul#test {
list-style-type: none;
width: 5em;
height: 3em;
border: 1px solid black;
margin-top: 0;
margin-left: 1em;
}
ul#test > li {
margin-left -10em;
}
</style>
</head>
<body>
<p>An element with <code>id=test</code> and <code>role=listbox</code>, which is owned by a <code>combobox</code>:</p>
<input type="text"
aria-label="Comobox that owns zebra-zoom listbox"
role="combobox"
aria-expanded="true"
aria-owns="test"
aria-autocomplete="none"
aria-activedescendant="selected_option">
<ul role="listbox" id="test">
<li role="option">Zebra</li>
<li role="option" id="selected_option">Zoom</li>
</ul>
</body>
</html>
|
