| 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 |