75 lines
3.5 KiB
HTML
75 lines
3.5 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="alert" role="alert">alert role</div>
|
|
<div id="alertdialog" role="alertdialog">alertdialog role</div>
|
|
<div id="article" role="article">article role</div>
|
|
<div id="dialog" role="dialog">dialog role</div>
|
|
<div id="document" role="document">document role</div>
|
|
<div id="status" role="status">status role</div>
|
|
<div id="tooltip" role="tooltip">tooltip role</div>
|
|
<div id="tree" role="tree"><div role="treeitem">tree role</div></div>
|
|
<div role="tree"><div id="treeitem" role="treeitem">treeitem role</div></div>
|
|
<br>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
description("This tests that each of these ARIA roles have appropriate mappings.");
|
|
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
document.body.focus();
|
|
var body = accessibilityController.focusedElement;
|
|
debug("Role for 'body' is: " + body.role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"alert\" should give a message with important, and usually time-sensitive, information.");
|
|
debug("Role for 'alert' div is: " + accessibilityController.accessibleElementById("alert").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"alertdialog\" is a dialog which contains an alert message.");
|
|
debug("Role for 'alertdialog' div is: " + accessibilityController.accessibleElementById("alertdialog").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"article\" is a section of a page that consists of a composition that forms an independent part of a document, page, or site");
|
|
debug("Role for 'article' div is: " + accessibilityController.accessibleElementById("article").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"dialog\" is an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.");
|
|
debug("Role for 'dialog' div is: " + accessibilityController.accessibleElementById("dialog").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"document\" is a region containing related information that is declared as document content, as opposed to a web application.");
|
|
debug("Role for 'document' div is: " + accessibilityController.accessibleElementById("document").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"status\" is a container whose content is advisory information for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar.");
|
|
debug("Role for 'status' div is: " + accessibilityController.accessibleElementById("status").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"tooltip\" is a contextual popup that displays a description for an element.");
|
|
debug("Role for 'tooltip' div is: " + accessibilityController.accessibleElementById("tooltip").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"tree\" is a type of list that may contain sub-level nested groups that can be collapsed and expanded.");
|
|
debug("Role for 'tree' div is: " + accessibilityController.accessibleElementById("tree").role);
|
|
|
|
debug("<br>");
|
|
debug("role=\"treeitem\" is an option item of a tree.");
|
|
debug("Role for 'treeitem' div is: " + accessibilityController.accessibleElementById("treeitem").role);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|