OLD | NEW |
1 <!-- | |
2 @MAC-DENY:AXLayoutComplete* | |
3 --> | |
4 <!DOCTYPE html> | 1 <!DOCTYPE html> |
5 <html> | 2 <html> |
6 <body> | 3 <body> |
7 <input role="combobox" type="search" aria-expanded="true" aria-haspopup="true" | 4 <input role="combobox" type="search" aria-expanded="true" aria-haspopup="true" |
8 aria-autocomplete="list" aria-activedescendant="option2" aria-owns="list"> | 5 aria-autocomplete="list" aria-activedescendant="option2" aria-owns="list"> |
9 <ul id="list" role="listbox"> | 6 <ul id="list" role="listbox"> |
10 <li id="option1" role="option">Apple</li> | 7 <li id="option1" role="option">Apple</li> |
11 <li id="option2" role="option">Orange</li> | 8 <li id="option2" role="option">Orange</li> |
12 <li id="option3" role="option">Banana</li> | 9 <li id="option3" role="option">Banana</li> |
13 </ul> | 10 </ul> |
14 <script> | 11 <script> |
15 document.querySelector('input').focus(); | 12 document.querySelector('input').focus(); |
16 function go() { | 13 function go() { |
17 var combo_box = document.querySelector('input'); | 14 var combo_box = document.querySelector('input'); |
18 combo_box.setAttribute('aria-activedescendant', 'option3'); | 15 combo_box.setAttribute('aria-activedescendant', 'option3'); |
19 } | 16 } |
20 </script> | 17 </script> |
21 </body> | 18 </body> |
22 </html> | 19 </html> |
OLD | NEW |