blob: b4c57d417db9b4d90c9c19a1178eb22415a22df1 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<script src="../resources/js-test.js"></script>
</head>
<body>
<div id="content">
<div id="alert" role="alert" aria-expanded="true"></div>
<div id="alertdialog" role="alertdialog" aria-expanded="true"></div>
<div id="application" role="application" aria-expanded="true"></div>
<div id="article" role="article" aria-expanded="true"></div>
<div id="banner" role="banner" aria-expanded="true"></div>
<div id="blockquote" role="blockquote" aria-expanded="true"></div>
<div id="button" role="button" aria-expanded="true"></div>
<div id="caption" role="caption" aria-expanded="true"></div>
<div id="cell" role="cell" aria-expanded="true"></div>
<div id="checkbox" role="checkbox" aria-expanded="true"></div>
<div id="columnheader" role="columnheader" aria-expanded="true"></div>
<div id="combobox" role="combobox" aria-expanded="true"></div>
<div id="complementary" role="complementary" aria-expanded="true"></div>
<div id="contentinfo" role="contentinfo" aria-expanded="true"></div>
<div id="definition" role="definition" aria-expanded="true"></div>
<div id="deletion" role="deletion" aria-expanded="true"></div>
<div id="dialog" role="dialog" aria-expanded="true"></div>
<div id="directory" role="directory" aria-expanded="true"></div>
<div id="document" role="document" aria-expanded="true"></div>
<div id="emphasis" role="emphasis" aria-expanded="true"></div>
<div id="feed" role="feed" aria-expanded="true"></div>
<div id="figure" role="figure" aria-expanded="true"></div>
<div id="form" role="form" aria-expanded="true"></div>
<div id="generic" role="generic" aria-expanded="true"></div>
<div id="grid" role="grid" aria-expanded="true"></div>
<div id="gridcell" role="gridcell" aria-expanded="true"></div>
<div id="group" role="group" aria-expanded="true"></div>
<div id="heading" role="heading" aria-expanded="true"></div>
<div id="img" role="img" aria-expanded="true"></div>
<div id="insertion" role="insertion" aria-expanded="true"></div>
<div id="label" role="label" aria-expanded="true"></div>
<div id="legend" role="legend" aria-expanded="true"></div>
<div id="link" role="link" aria-expanded="true"></div>
<div id="list" role="list" aria-expanded="true"></div>
<div id="listbox" role="listbox" aria-expanded="true"></div>
<div id="listitem" role="listitem" aria-expanded="true"></div>
<div id="log" role="log" aria-expanded="true"></div>
<div id="main" role="main" aria-expanded="true"></div>
<div id="marquee" role="marquee" aria-expanded="true"></div>
<div id="math" role="math" aria-expanded="true"></div>
<div id="menu" role="menu" aria-expanded="true"></div>
<div id="menubar" role="menubar" aria-expanded="true"></div>
<div id="menuitem" role="menuitem" aria-expanded="true"></div>
<div id="menuitemcheckbox" role="menuitemcheckbox" aria-expanded="true"></div>
<div id="menuitemradio" role="menuitemradio" aria-expanded="true"></div>
<div id="meter" role="meter" aria-expanded="true"></div>
<div id="navigation" role="navigation" aria-expanded="true"></div>
<div id="none" role="none" aria-expanded="true"></div>
<div id="note" role="note" aria-expanded="true"></div>
<div id="option" role="option" aria-expanded="true"></div>
<div id="paragraph" role="paragraph" aria-expanded="true"></div>
<div id="presentation" role="presentation" aria-expanded="true"></div>
<div id="progressbar" role="progressbar" aria-expanded="true"></div>
<div id="radio" role="radio" aria-expanded="true"></div>
<div id="radiogroup" role="radiogroup" aria-expanded="true"></div>
<div id="region" role="region" aria-expanded="true"></div>
<div id="row" role="row" aria-expanded="true"></div>
<div id="rowheader" role="rowheader" aria-expanded="true"></div>
<div id="scrollbar" role="scrollbar" aria-expanded="true"></div>
<div id="search" role="search" aria-expanded="true"></div>
<div id="searchbox" role="searchbox" aria-expanded="true"></div>
<div id="separator" role="separator" aria-expanded="true"></div>
<div id="splitter" role="separator" aria-expanded="true" tabindex="0"></div>
<div id="slider" role="slider" aria-expanded="true"></div>
<div id="spinbutton" role="spinbutton" aria-expanded="true"></div>
<div id="status" role="status" aria-expanded="true"></div>
<div id="strong" role="strong" aria-expanded="true"></div>
<div id="subscript" role="subscript" aria-expanded="true"></div>
<div id="superscript" role="superscript" aria-expanded="true"></div>
<div id="switch" role="switch" aria-expanded="true"></div>
<div id="tab" role="tab" aria-expanded="true"></div>
<div id="table" role="table" aria-expanded="true"></div>
<div id="tablist" role="tablist" aria-expanded="true"></div>
<div id="tabpanel" role="tabpanel" aria-expanded="true"></div>
<div id="term" role="term" aria-expanded="true"></div>
<div id="textbox" role="textbox" aria-expanded="true"></div>
<div id="time" role="time" aria-expanded="true"></div>
<div id="timer" role="timer" aria-expanded="true"></div>
<div id="toolbar" role="toolbar" aria-expanded="true"></div>
<div id="tooltip" role="tooltip" aria-expanded="true"></div>
<div id="tree" role="tree" aria-expanded="true"></div>
<div id="treegrid" role="treegrid" aria-expanded="true"></div>
<div id="treeitem" role="treeitem" aria-expanded="true"></div>
</div>
<script>
if (window.accessibilityController) {
let output = "Verify which roles support aria-expanded.\n";
Array.from(document.getElementById("content").children).forEach((element) => {
let axElement = accessibilityController.accessibleElementById(element.id);
if (axElement && axElement.isExpanded)
output += `${axElement.role} is expanded\n`;
});
debug(output);
document.getElementById("content").style.visibility = "hidden";
}
</script>
</body>
</html>