2015-10-06 21:46:08 +00:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2017-05-02 20:07:16 +00:00
|
|
|
<script src="../resources/js-test-pre.js"></script>
|
2015-10-06 21:46:08 +00:00
|
|
|
</head>
|
|
|
|
|
<body id="body">
|
|
|
|
|
|
|
|
|
|
<div>Implicit defaults</div>
|
|
|
|
|
<input type="range" id="slider">
|
|
|
|
|
<input id="combo" type="text" role="combobox" placeholder="Placeholder" value="text">
|
|
|
|
|
<div id="listbox" role="listbox">
|
|
|
|
|
<div id="option1" role="option" aria-selected="true">Option</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="menu" role="menu">
|
|
|
|
|
<div role="menuitem" id="item1" tabindex="0">Menu item 1</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="menubar" role="menubar">menubar</div>
|
2017-05-02 20:07:16 +00:00
|
|
|
<div role="radiogroup" id="radiogroup">
|
|
|
|
|
<div role="radio" aria-label="radio 1" aria-checked="false">radio 1</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div role="separator" id="separator"></div>
|
2015-10-06 21:46:08 +00:00
|
|
|
<div role="tablist" id="tablist">
|
|
|
|
|
<div role="toolbar" id="toolbar" aria-label="test toolbar"><li>item one</div>
|
|
|
|
|
<ul id="tree" role="tree">
|
|
|
|
|
<li id="treeitem1" role="treeitem">tree item</li>
|
|
|
|
|
</ul>
|
2017-05-02 20:07:16 +00:00
|
|
|
<table id="treegrid" role="treegrid">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr><td role="gridcell" colspan="3">cell</tr>
|
|
|
|
|
<tr><td role="gridcell" colspan="3">cell2</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<div>Authored orientation</div>
|
2017-05-02 20:07:16 +00:00
|
|
|
<div role="radiogroup" id="radiogroup2" aria-orientation="vertical">
|
2015-10-06 21:46:08 +00:00
|
|
|
<div role="radio" aria-label="radio 1" aria-checked=false>radio 1</div>
|
|
|
|
|
</div>
|
2017-05-02 20:07:16 +00:00
|
|
|
<table id="treegrid2" role="treegrid" aria-orientation="horizontal">
|
2015-10-06 21:46:08 +00:00
|
|
|
<tbody>
|
|
|
|
|
<tr><td role="gridcell" colspan="3">cell</tr>
|
|
|
|
|
<tr><td role="gridcell" colspan="3">cell2</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2017-05-02 20:07:16 +00:00
|
|
|
<div role="separator" id="separator2" aria-orientation="undefined"></div>
|
2015-10-06 21:46:08 +00:00
|
|
|
<span role="slider" id="slider2" aria-orientation="undefined" aria-valuenow=5 aria-valuemin=0 aria-valuemax=10>X</span>
|
2017-05-08 20:51:42 +00:00
|
|
|
<div role="listbox" id="listbox2" aria-orientation="horizontal">
|
|
|
|
|
<div id="option2" role="option" aria-selected="true">Option</div>
|
|
|
|
|
</div>
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
<p id="description"></p>
|
|
|
|
|
<div id="console"></div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
description("This test makes sure that aria-orientation works correctly and the implicit defaults are defined on different roles.");
|
|
|
|
|
|
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
|
// Test implicit defaults on some roles.
|
|
|
|
|
var slider = accessibilityController.accessibleElementById("slider");
|
|
|
|
|
shouldBe("slider.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
|
|
|
|
|
|
|
|
|
var combobox = accessibilityController.accessibleElementById("combo");
|
2017-05-02 20:07:16 +00:00
|
|
|
shouldBe("combobox.orientation", "'AXOrientation: AXUnknownOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
var listbox = accessibilityController.accessibleElementById("listbox");
|
|
|
|
|
shouldBe("listbox.orientation", "'AXOrientation: AXVerticalOrientation'");
|
|
|
|
|
|
|
|
|
|
var menu = accessibilityController.accessibleElementById("menu");
|
|
|
|
|
shouldBe("menu.orientation", "'AXOrientation: AXVerticalOrientation'");
|
|
|
|
|
|
|
|
|
|
var menubar = accessibilityController.accessibleElementById("menubar");
|
|
|
|
|
shouldBe("menubar.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
2017-05-02 20:07:16 +00:00
|
|
|
|
|
|
|
|
var radiogroup = accessibilityController.accessibleElementById("radiogroup");
|
|
|
|
|
shouldBe("radiogroup.orientation", "'AXOrientation: AXUnknownOrientation'");
|
|
|
|
|
|
|
|
|
|
var separator = accessibilityController.accessibleElementById("separator");
|
|
|
|
|
shouldBe("separator.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
var tablist = accessibilityController.accessibleElementById("tablist");
|
|
|
|
|
shouldBe("tablist.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
|
|
|
|
|
|
|
|
|
var toolbar = accessibilityController.accessibleElementById("toolbar");
|
|
|
|
|
shouldBe("toolbar.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
|
|
|
|
|
|
|
|
|
var tree = accessibilityController.accessibleElementById("tree");
|
|
|
|
|
shouldBe("tree.orientation", "'AXOrientation: AXVerticalOrientation'");
|
2017-05-02 20:07:16 +00:00
|
|
|
|
|
|
|
|
var treegrid = accessibilityController.accessibleElementById("treegrid");
|
|
|
|
|
shouldBe("treegrid.orientation", "'AXOrientation: AXUnknownOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
// Test authored aria-orientation are correct.
|
2017-05-02 20:07:16 +00:00
|
|
|
var radiogroup2 = accessibilityController.accessibleElementById("radiogroup2");
|
|
|
|
|
shouldBe("radiogroup2.orientation", "'AXOrientation: AXVerticalOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
|
2017-05-02 20:07:16 +00:00
|
|
|
var treegrid2 = accessibilityController.accessibleElementById("treegrid2");
|
|
|
|
|
shouldBe("treegrid2.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
|
|
|
|
|
|
|
|
|
var separator2 = accessibilityController.accessibleElementById("separator2");
|
|
|
|
|
shouldBe("separator2.orientation", "'AXOrientation: AXUnknownOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
|
|
|
|
|
var slider2 = accessibilityController.accessibleElementById("slider2");
|
|
|
|
|
shouldBe("slider2.orientation", "'AXOrientation: AXUnknownOrientation'");
|
2017-05-08 20:51:42 +00:00
|
|
|
|
|
|
|
|
var listbox2 = accessibilityController.accessibleElementById("listbox2");
|
|
|
|
|
shouldBe("listbox2.orientation", "'AXOrientation: AXHorizontalOrientation'");
|
2015-10-06 21:46:08 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
2017-05-02 20:07:16 +00:00
|
|
|
<script src="../resources/js-test-post.js"></script>
|
2015-10-06 21:46:08 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
