72 lines
3.1 KiB
HTML
72 lines
3.1 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="../resources/js-test-pre.js"></script>
|
||
|
|
<script src="../resources/accessibility-helper.js"></script>
|
||
|
|
</head>
|
||
|
|
<body id="body">
|
||
|
|
<div id="content">
|
||
|
|
<div role="tablist" id="tablist" tabindex="0">
|
||
|
|
<div role="tab" aria-label="first">1</div>
|
||
|
|
<div role="tab" aria-label="second" aria-selected="true">2</div>
|
||
|
|
<div role="tab" aria-label="third">3</div>
|
||
|
|
</div>
|
||
|
|
<div role="tree" id="tree" aria-multiselectable="true" tabindex="0">
|
||
|
|
<div role="treeitem" aria-label="first" aria-selected="true">1</div>
|
||
|
|
<div role="treeitem" aria-label="second">2</div>
|
||
|
|
<div role="treeitem" aria-label="third" aria-selected="true">3</div>
|
||
|
|
</div>
|
||
|
|
<div role="grid" id="grid" tabindex="0">
|
||
|
|
<div role="row" aria-label="first"><span role="gridcell">1</span></div>
|
||
|
|
<div role="row" aria-label="second" aria-selected="true"><span role="gridcell">2</span></div>
|
||
|
|
<div role="row" aria-label="third"><span role="gridcell">3</span></div>
|
||
|
|
</div>
|
||
|
|
<div tabindex="0" role="treegrid" id="treegrid" aria-activedescendant="row1">
|
||
|
|
<div role="row" aria-level="1" aria-label="first - level 1" aria-expanded="true">
|
||
|
|
<div role="gridcell" tabindex="0">- Expanded</div>
|
||
|
|
</div>
|
||
|
|
<div role="row" aria-label="first - level 2" aria-level="2" aria-selected="true">
|
||
|
|
<div role="gridcell">Data 1</div><div role="gridcell">Data 2</div>
|
||
|
|
</div>
|
||
|
|
<div role="row" aria-label="second - level 2" aria-level="2">
|
||
|
|
<div role="gridcell">Data 3</div><div role="gridcell">Data 4</div>
|
||
|
|
</div>
|
||
|
|
<div role="row" aria-label="third - level 2" aria-level="2" aria-selected="true">
|
||
|
|
<div role="gridcell">Data 4</div><div role="gridcell">Data 5</div>
|
||
|
|
</div>
|
||
|
|
<div role="row" aria-level="1" aria-label="second - level 1" aria-expanded="false">
|
||
|
|
<div role="gridcell" tabindex="0">+ Expand me</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p id="description"></p>
|
||
|
|
<div id="console"></div>
|
||
|
|
<script>
|
||
|
|
function selectedChildInfo(axElement) {
|
||
|
|
if (!axElement)
|
||
|
|
debug("Element not exposed");
|
||
|
|
|
||
|
|
var count = axElement.selectedChildrenCount;
|
||
|
|
debug(axElement.role + " has " + count + " selected child(ren)");
|
||
|
|
for (var i = 0; i < count; i++) {
|
||
|
|
var child = axElement.selectedChildAtIndex(i);
|
||
|
|
result = ("\t" + platformValueForW3CName(child) + " (" + child.role + ")")
|
||
|
|
result += " isSelectable: " + child.isSelectable + " isSelected: " + child.isSelected;
|
||
|
|
debug(result);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
description("This tests that items with aria-selected are reported as selected children of the parent container.");
|
||
|
|
if (window.accessibilityController) {
|
||
|
|
selectedChildInfo(window.accessibilityController.accessibleElementById("tablist"));
|
||
|
|
selectedChildInfo(window.accessibilityController.accessibleElementById("tree"));
|
||
|
|
selectedChildInfo(window.accessibilityController.accessibleElementById("grid"));
|
||
|
|
selectedChildInfo(window.accessibilityController.accessibleElementById("treegrid"));
|
||
|
|
document.getElementById("content").style.visibility = "hidden";
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="../resources/js-test-post.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|