| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <script src="../resources/gc.js"></script> |
| 3 <script src="../resources/testharness.js"></script> |
| 4 <script src="../resources/testharnessreport.js"></script> |
| 5 |
| 6 <!-- |
| 7 |
| 8 Accessibility Object Model |
| 9 Explainer: https://github.com/WICG/aom/blob/master/explainer.md |
| 10 Spec: https://wicg.github.io/aom/spec/ |
| 11 |
| 12 --> |
| 13 |
| 14 <script> |
| 15 test(function(t) { |
| 16 assert_true(internals.runtimeFlags.accessibilityObjectModelEnabled); |
| 17 }, "Make sure that Accessibility Object Model is enabled"); |
| 18 </script> |
| 19 |
| 20 <div role="listbox" id="listbox" tabindex=0> |
| 21 <div role="option" id="option1">Option 1</div> |
| 22 <div role="option" id="option2">Option 2</div> |
| 23 <div role="option" id="option3">Option 3</div> |
| 24 </div> |
| 25 |
| 26 <script> |
| 27 test(function(t) { |
| 28 var listbox = document.getElementById("listbox"); |
| 29 var option1 = document.getElementById("option1"); |
| 30 listbox.focus(); |
| 31 var axListbox = accessibilityController.accessibleElementById("listbox"); |
| 32 var axOption1 = accessibilityController.accessibleElementById("option1"); |
| 33 assert_false(axOption1.isSelected); |
| 34 assert_equals(axListbox.ariaActiveDescendantElement(), undefined); |
| 35 |
| 36 listbox.accessibleNode.activeDescendant = option1.accessibleNode; |
| 37 |
| 38 assert_true(axListbox.ariaActiveDescendantElement().isEqual(axOption1)); |
| 39 // Active Descendant also makes the option selected. |
| 40 assert_true(axOption1.isSelected); |
| 41 }, "AccessibleNode.activeDescendant"); |
| 42 </script> |
| 43 |
| 44 <input id="input1"> |
| 45 <div id="details">Details</div> |
| 46 |
| 47 <script> |
| 48 test(function(t) { |
| 49 var input1 = document.getElementById("input1"); |
| 50 var details = document.getElementById("details"); |
| 51 var axInput1 = accessibilityController.accessibleElementById("input1"); |
| 52 var axDetails = accessibilityController.accessibleElementById("details"); |
| 53 assert_equals(axInput1.ariaDetailsElement(), undefined); |
| 54 |
| 55 input1.accessibleNode.details = details.accessibleNode; |
| 56 |
| 57 assert_true(axInput1.ariaDetailsElement().isEqual(axDetails)); |
| 58 }, "AccessibleNode.details"); |
| 59 </script> |
| 60 |
| 61 <input id="input2"> |
| 62 <div id="errorMessage">ErrorMessage</div> |
| 63 |
| 64 <script> |
| 65 test(function(t) { |
| 66 var input2 = document.getElementById("input2"); |
| 67 var errorMessage = document.getElementById("errorMessage"); |
| 68 var axInput2 = accessibilityController.accessibleElementById("input2"); |
| 69 var axErrorMessage = accessibilityController.accessibleElementById("errorMes
sage"); |
| 70 assert_equals(axInput2.ariaErrorMessageElement(), undefined); |
| 71 |
| 72 input2.accessibleNode.errorMessage = errorMessage.accessibleNode; |
| 73 |
| 74 assert_true(axInput2.ariaErrorMessageElement().isEqual(axErrorMessage)); |
| 75 }, "AccessibleNode.errorMessage"); |
| 76 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2945773002:
Relation properties for Accessibility Object Model phase 1 (Closed)
