Source code
Revision control
Copy as Markdown
Other Tools
<!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>
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>