| <!DOCTYPE HTML> |
| <head> |
| <title>Test input type=range with ARIA attributes</title> |
| <script src="../resources/js-test.js"></script> |
| </head> |
| <body> |
| |
| <div> |
| <input id="range1" type="range" min="1" max="10" value="5"> |
| <input id="range2" type="range" min="1" max="10" value="5" |
| aria-valuemin="10" aria-valuemax="100" aria-valuenow="50"> |
| <input id="range3" type="range" min="1" max="10" value="5" |
| aria-valuetext="5 of 10"> |
| </div> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| description("This tests that ARIA attributes can be used to override the value of an input type=range even if it doesn't have an ARIA role of slider, because it has an *implicit* ARIA role of slider already. http://www.w3.org/TR/html-aapi/#el-78"); |
| |
| if (window.accessibilityController) { |
| window.axRange1 = accessibilityController.accessibleElementById("range1"); |
| window.axRange2 = accessibilityController.accessibleElementById("range2"); |
| window.axRange3 = accessibilityController.accessibleElementById("range3"); |
| |
| shouldBe("axRange1.minValue", "1"); |
| shouldBe("axRange1.maxValue", "10"); |
| shouldBe("axRange1.intValue", "5"); |
| |
| shouldBe("axRange2.minValue", "10"); |
| shouldBe("axRange2.maxValue", "100"); |
| shouldBe("axRange2.intValue", "50"); |
| |
| shouldBe("axRange3.valueDescription", "'AXValueDescription: 5 of 10'"); |
| } |
| </script> |
| </body> |