44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<div role="tablist">
|
|
<button id="tab a" role="tab" aria-selected="true">Tab A</button>
|
|
<button id="tab b" role="tab" aria-selected="false">Tab B</button>
|
|
<button id="tab c" role="tab" aria-selected="false">Tab C</button>
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that the aria roles for tab and tablist work as expected for buttons.");
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
var body = document.getElementById("body");
|
|
body.focus();
|
|
|
|
var tabList = accessibilityController.focusedElement.childAtIndex(0);
|
|
var tab1 = tabList.childAtIndex(0);
|
|
var tab2 = tabList.childAtIndex(1);
|
|
var tabPanel = accessibilityController.focusedElement.childAtIndex(1);
|
|
|
|
debug("tabList.role = " + tabList.role);
|
|
debug("tab1.role = " + tab1.role);
|
|
debug("tab1.title = " + tab1.title);
|
|
shouldBe("tab1.childrenCount", "0");
|
|
debug("tab2.role = " + tab2.role);
|
|
debug("tab2.title = " + tab2.title);
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|