| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test.js"></script> |
| <script src="../resources/accessibility-helper.js"></script> |
| </head> |
| <body> |
| |
| <div> |
| <button id="button"></button> |
| <input id="text" type="text"> |
| <input id="checkbox" type="checkbox"> |
| <input id="radio" type="radio"> |
| <input id="submit" type="submit"> |
| <input id="slider" type="range"> |
| <select id="combobox"><option>1<option>2</select> |
| <select id="listbox" multiple><option>1<option>2</select> |
| <textarea id="textarea"></textarea> |
| </div> |
| |
| <script> |
| description("This test makes sure that disabled form controls are not exposed as focusable."); |
| |
| if (window.accessibilityController) { |
| window.jsTestIsAsync = true; |
| |
| var axElement; |
| async function checkControl(id) { |
| debug(`Testing #${id}`); |
| axElement = accessibilityController.accessibleElementById(id); |
| shouldBeTrue("axElement.isFocusable"); |
| debug(`Setting the disabled attribute of element #${id}`); |
| document.getElementById(id).disabled = true; |
| await expectAsyncExpression("axElement.isFocusable", "false"); |
| debug(""); |
| } |
| |
| setTimeout(async function() { |
| await checkControl("button"); |
| await checkControl("text"); |
| await checkControl("checkbox"); |
| await checkControl("radio"); |
| await checkControl("submit"); |
| await checkControl("slider"); |
| await checkControl("combobox"); |
| await checkControl("listbox"); |
| await checkControl("textarea"); |
| |
| finishJSTest(); |
| }, 0); |
| } |
| </script> |
| </body> |
| </html> |
