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="false" aria-haspopup="true" | 4 <input role="combobox" type="search" aria-expanded="false" aria-haspopup="true" |
8 aria-autocomplete="list" aria-activedescendant="" aria-owns="list"> | 5 aria-autocomplete="list" aria-activedescendant="" 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-expanded', 'true'); | 15 combo_box.setAttribute('aria-expanded', 'true'); |
19 combo_box.setAttribute('aria-activedescendant', 'option1'); | 16 combo_box.setAttribute('aria-activedescendant', 'option1'); |
20 } | 17 } |
21 </script> | 18 </script> |
22 </body> | 19 </body> |
23 </html> | 20 </html> |
OLD | NEW |