--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test40.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role=menu and two descendant div elements with role=menuitem" and a focus event handler that reports it received focus, and another focusable element on the page that has initial focus</title>
+ <script type="text/javascript"><!--
+ function reportFocus(evt) {
+ var test = document.getElementById("test");
+ test.setAttribute("aria-activedescendant", evt.target.id);
+ var reporter = document.getElementById("report");
+ reporter.appendChild(reporter.ownerDocument.createTextNode("Element received focus: " + evt.target.id));
+ }
+ function setStartFocus() {
+ document.getElementById("startfocus").focus();
+ }
+ function setFocusReporter() {
+ document.getElementById("test").addEventListener("focus", reportFocus, true);
+ }
+ window.addEventListener("load", setFocusReporter, false);
+ window.setTimeout(setStartFocus, 3000);
+ </script>
+ </head>
+ <body>
+ <p>Use accessibility api request to set focus on one of the menuitems. <a href="#" id="startfocus">This link element has initial focus.</a></p>
+ <div id="test" tabindex="-1" role="menu">
+ <div id="item1" role="menuitem" tabindex="-1">Item 1</div>
+ <div id="item2" role="menuitem" tabindex="-1">Item 2</div>
+ </div>
+ <p id="report"></p>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test72.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="document" and aria-live="assertive" and aria-relevant="all" and button, outside the div, to delete content in the div</title>
+ <script type="text/javascript"><!--
+ function clearText(evt) {
+ var test = document.getElementById("test");
+ childText = test.childNodes[0];
+ test.removeChild(childText);
+ }
+ window.addEventListener("click", clearText, false);
+ </script>
+ </head>
+ <body>
+ <p><button>Delete placeholder text</button></p>
+ <div id="test" role="document" aria-live="assertive" aria-relevant="all">
+ Placeholder text
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test73.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="document" and aria-live="assertive" and aria-relevant="all" and button, outside the div, to delete content in the div</title>
+ <script type="text/javascript"><!--
+ function clearText(evt) {
+ var test = document.getElementById("test");
+ var newText = document.createTextNode(" Additional text");
+ test.appendChild(newText);
+ }
+ window.addEventListener("click", clearText, false);
+ </script>
+ </head>
+ <body>
+ <p><button>Add to placeholder text</button></p>
+ <div id="test" role="document" aria-live="assertive" aria-relevant="all">
+ Placeholder text
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test74.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="document" and aria-live="assertive" and aria-relevant="all" and button, outside the div, to delete content in the div</title>
+ <script type="text/javascript"><!--
+ function clearText(evt) {
+ var test = document.getElementById("test");
+ childText = test.childNodes[0];
+ childText.nodeValue = "Changed text";
+ }
+ window.addEventListener("click", clearText, false);
+ </script>
+ </head>
+ <body>
+ <p><button>Delete placeholder text</button></p>
+ <div id="test" role="document" aria-live="assertive" aria-relevant="all">
+ Placeholder text
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test90.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="listbox" and aria-multiselectable="true" having two child div elements with role="option" and aria-selected="true" and onload handler for page that sets aria-selected="false" on the second option</title>
+ <script type="text/javascript"><!--
+ function unselect(id = "option2") {
+ document.getElementById(id).setAttribute("aria-selected", "false");
+ var reporter = document.getElementById("report");
+ reporter.appendChild(reporter.ownerDocument.createTextNode("Element " + id + " has been unselected")); }
+ window.setTimeout(unselect, 3000);
+ </script>
+ <style type="text/css">
+ *[aria-selected=true] {
+ background-color: #eee;
+ }
+ *[aria-selected=false] {
+ background-color: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test" role="listbox" aria-multiselectabe="true">
+ <div role="option" aria-selected="true" id="option1" tabindex="0">Option 1</div>
+ <div role="option" aria-selected="true" id="option2" tabindex="0">Option 2</div>
+ </div>
+ <p id="report"></p>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test91.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="listbox" and aria-multiselectable="true" having two child div elements with role="option" and tabindex="0" and aria-selected="false" and onload handler for page that sets aria-selected="true" on the second option</title>
+ <script type="text/javascript"><!--
+ function select(id = "option2") {
+ document.getElementById(id).setAttribute("aria-selected", "true");
+ var reporter = document.getElementById("report");
+ reporter.appendChild(reporter.ownerDocument.createTextNode("Element " + id + " has been selected")); }
+ window.setTimeout(select, 3000);
+ </script>
+ <style type="text/css">
+ *[aria-selected=true] {
+ background-color: #eee;
+ }
+ *[aria-selected=false] {
+ background-color: inherit;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test" role="listbox" aria-multiselectabe="true">
+ <div role="option" aria-selected="false" id="option1" tabindex="0">Option 1</div>
+ <div role="option" aria-selected="false" id="option2" tabindex="0">Option 2</div>
+ </div>
+ <p id="report"></p>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test93.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="menubar" and child div with role="menuitem" with aria-haspop="true" and aria-owns with value referencing ID of a div outside the menubar whose role="menu" and style="display:none:" containing two divs with role="menuitem" and text contents, with onload script that sets style="display:block" on the menu</title>
+ <script type="text/javascript"><!--
+ function showMenu(id = "menu") {
+ document.getElementById(id).style.display = "block";
+ }
+ window.setTimeout(showMenu, 3000);
+ </script>
+ </head>
+ <body>
+ <div id="test" role="menubar">
+ <div role="menuitem" aria-haspopup="true" aria-owns="menu">Menu item with sub menu that will open 3 seconds after load</div>
+ </div>
+ <div id="menu" role="menu" style="display:none">
+ <div role="menuitem" id="item1" tabindex="0">Menu item 1</div>
+ <div role="menuitem" id="item2" tabindex="0">Menu item 2</div>
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test94.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="menubar" and child div with role="menuitem" with aria-haspop="true" and aria-owns with value referencing ID of a div outside the menubar whose role="menu" and style="display:none:" containing two divs with role="menuitem" and text contents, with onload script that sets style="display:block" on the menubar and sets focus on the first item in the menu</title>
+ <script type="text/javascript"><!--
+ function showMenu() {
+ document.getElementById("menu").style.display = "block";
+ document.getElementById("item1").focus();
+ }
+ window.setTimeout(showMenu, 3000);
+ </script>
+ </head>
+ <body>
+ <div id="test" role="menubar">
+ <div role="menuitem" aria-haspopup="true" aria-owns="menu">Menu item with sub menu that will open 3 seconds after load</div>
+ </div>
+ <div id="menu" role="menu" style="display:none">
+ <div role="menuitem" id="item1" tabindex="0">Menu item 1</div>
+ <div role="menuitem" id="item2" tabindex="0">Menu item 2</div>
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA-UAIG/1.0/tests/test-files/test96.html Wed Oct 16 16:52:02 2013 -0400
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>div element with role="menubar" and child div with role="menuitem" with aria-haspop="true" and aria-owns with value referencing ID of a div outside the menubar whose role="menu" and style="display:block:" containing two divs with role="menuitem" and text contents, with onload script that sets style="display:none" on the internal menubar and sets focus on an element outside the menu</title>
+ <script type="text/javascript"><!--
+ function showMenu() {
+ document.getElementById("menu").style.display = "none";
+ document.getElementById("newfocus").focus();
+ }
+ window.setTimeout(showMenu, 3000);
+ </script>
+ </head>
+ <body>
+ <div id="test" role="menubar">
+ <div role="menuitem" aria-haspopup="true" aria-owns="menu">Menu item with sub menu that will open 3 seconds after load</div>
+ </div>
+ <div id="menu" role="menu" style="display:block">
+ <div role="menuitem" id="item1" tabindex="0">Menu item 1</div>
+ <div role="menuitem" id="item2" tabindex="0">Menu item 2</div>
+ </div>
+ <p><a id="newfocus" href="#">Focus moves here when menu closes</a></p>
+ </body>
+</html>