blob: 3f8f6d0ab0bae3f524f4ed3a73bcc1a46405a0a7 [file] [log] [blame]
<!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">
<ul id="menubar" role="menubar" aria-owns="menuitem1 menuitem2">
<li id="menuitem1" role="menuitem" tabindex="0" aria-owns="submenu1">
Menu 1
<ul id="submenu1" role="menu">
<li id="menuitem11" role="menuitemradio" tabindex="-1">
Menu item 1.1
</li>
</ul>
</li>
<li id="menuitem2" role="menuitem" tabindex="0" aria-owns="submenu2">
Menu 2
<ul id="submenu2" role="menu">
<li id="menuitem21" role="menuitemradio" tabindex="-1">
Menu item 2.1
</li>
<li id="menuitem22" role="menuitemradio" tabindex="-1">
Menu item 2.2
</li>
</ul>
</li>
</ul>
<pre id="tree"></pre>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests that ARIA menu items are properly exposed as children for menu bars");
if (window.layoutController) {
testRunner.dumpAsText();
}
if (window.accessibilityController) {
document.getElementById("body").focus();
var webArea = accessibilityController.focusedElement;
var menuBar = webArea.childAtIndex(0);
dumpAccessibilityTree(menuBar, null, 0, false, true);
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>