roles-plain-concrete-listbox-parent-combobox.html (1083B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>An element with id=test and role=listbox, which is owned by a combobox</title> 6 <style> 7 ul#test { 8 list-style-type: none; 9 width: 5em; 10 height: 3em; 11 border: 1px solid black; 12 margin-top: 0; 13 margin-left: 1em; 14 } 15 16 ul#test > li { 17 margin-left: -10em; 18 } 19 </style> 20 </head> 21 <body> 22 <p>An element with <code>id=test</code> and <code>role=listbox</code>, which is owned by a <code>combobox</code>:</p> 23 <input type="text" 24 aria-label="Comobox that owns zebra-zoom listbox" 25 role="combobox" 26 aria-expanded="true" 27 aria-owns="test" 28 aria-autocomplete="none" 29 aria-activedescendant="selected_option"> 30 <ul role="listbox" id="test"> 31 <li role="option">Zebra</li> 32 <li role="option" id="selected_option">Zoom</li> 33 </ul> 34 </body> 35 </html>