diff options
Diffstat (limited to 'testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates')
48 files changed, 2151 insertions, 0 deletions
diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/673.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/673.html new file mode 100644 index 000000000..d24cd6b01 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/673.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 673</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 673</h1> + + <div id="TEST_ID" aria-live="polite" > + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite". + After the onload event completes a child DOM text node is added to the element with + the aria-live attribute.</p> + + <script type="text/javascript"> + + function addTextNode() { + var node = document.getElementById('TEST_ID'); + var text_node = document.createTextNode('TEST TEXT'); + node.appendChild(text_node); + } + + function onload() { + setTimeout(addTextNode,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/674.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/674.html new file mode 100644 index 000000000..c031ec954 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/674.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 674</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 674</h1> + + <div id="TEST_ID" aria-live="polite" > + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite". + After the onload event completes a child DOM text node is added to the element + with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addTextNode() { + var node = document.getElementById('TEST_ID'); + var text_node = document.createTextNode('TEST TEXT'); + node.appendChild(text_node); + } + + function onload() { + setTimeout(addTextNode,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/675.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/675.html new file mode 100644 index 000000000..c762fcfb0 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/675.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 675</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 675</h1> + + <div id="TEST_ID"> + </div> + + <h2>Description</h2> + <p>An element without an aria-live attribute is defined in markup. + After the onload event completes an aria-live attribute with the + value 'assertive' is added to the element and a child DOM text + node is added to the element.</p> + + <script type="text/javascript"> + + function addLiveRegion() { + var node = document.getElementById('TEST_ID'); + node.setAttribute('aria-live', 'assertive'); + var text_node = document.createTextNode('TEST TEXT'); + node.appendChild(text_node); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/676.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/676.html new file mode 100644 index 000000000..0e193cbe3 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/676.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 676</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 676</h1> + + <div id="TEST_ID"> + </div> + + <h2>Description</h2> + <p>An element without an aria-live attribute is defined in markup. + After the onload event completes a new element with an aria-live attribute with the + value 'assertive' is added to the document and a child element and text + node is added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addElement() { + var node = document.getElementById('TEST_ID'); + var element_node = document.createElement('span'); + element_node.setAttribute('aria-live','assertive'); + var text_node = document.createTextNode('Text added in a span element on load'); + element_node.appendChild(text_node); + node.appendChild(element_node); + } + + function onload() { + setTimeout(addElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/677.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/677.html new file mode 100644 index 000000000..e93361c58 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/677.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 677</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 677</h1> + + <div aria-live="polite" > + <span id="TEST_ID" style="display: none">Text in markup</span> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite" + which has a child DOM element node with text content that is hidden using CSS display="none". + After the onload event completes a child DOM element node with text content has the + CSS dsiplay property changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID'); + node.style.display = 'block'; + } + + function onload() { + setTimeout(showElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/678.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/678.html new file mode 100644 index 000000000..68699e38c --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/678.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 678</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 678</h1> + + <div aria-live="assertive" > + <span id="TEST_ID" style="display: none">Text in markup</span> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the + value="assertive" which has a child DOM element node with text content + that is hidden using CSS display="none". After the onload event completes + a child DOM element node with text content has the CSS dsiplay property + changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID'); + node.style.display = 'block'; + } + + function onload() { + setTimeout(showElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/679.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/679.html new file mode 100644 index 000000000..6bb8b2da9 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/679.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 679</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 679</h1> + + <div aria-live="polite" > + <span>Text before test : </span> + <span id="TEST_ID" style="visibility: hidden">TEST TEXT</span> + <span> : Text after test</span> + </div> + + <h2>Description</h2> + + <p>An element with an aria-live attribute is defined in markup with the value="polite" which has a child + DOM element node with text content that is hidden using CSS visibility="hidden". + After the onload event completes a child DOM element node with text content has the + CSS dsiplay property changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID'); + node.style.visibility = 'visible'; + } + + function onload() { + setTimeout(showElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/680.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/680.html new file mode 100644 index 000000000..ef774fd3c --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/680.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 680</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 680</h1> + + <div aria-live="assertive" > + <span>Text before test : </span> + <span id="TEST_ID" style="visibility: hidden">TEST TEXT</span> + <span> : Text after test</span> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="assertive" + which has a child DOM element node with text content that is hidden using CSS visibility="hidden". + After the onload event completes a child DOM element node with text content has the CSS dsiplay + property changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID'); + node.style.visibility = 'visible'; + } + + function onload() { + setTimeout(showElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/681.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/681.html new file mode 100644 index 000000000..fd8befe76 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/681.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 681</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 681</h1> + + <div id="TEST_ID" aria-live="polite"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="polite". After the onload event completes a child DOM text node is added + to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildTextNode() { + var node = document.getElementById('TEST_ID'); + var text_node = document.createTextNode("TEST TEXT"); + node.appendChild(text_node); + } + + function onload() { + setTimeout(addChildTextNode,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/682.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/682.html new file mode 100644 index 000000000..b8d90ce19 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/682.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 682</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 682</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="assertive". After the onload event completes a child DOM text node is + added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildTextNode() { + var node = document.getElementById('TEST_ID_2'); + var text_node = document.createTextNode("TEST TEXT"); + node.appendChild(text_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildTextNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/683.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/683.html new file mode 100644 index 000000000..ca45f2b55 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/683.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 683</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 683</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="polite". After the onload event completes a child DOM element node is + added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var live_node = document.createElement('div'); + live_node.setAttribute('id', 'TEST_ID_2'); + live_node.setAttribute('aria-live', 'polite'); + node.appendChild(live_node); + setTimeout(addChildElementNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/684.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/684.html new file mode 100644 index 000000000..2abea5c46 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/684.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 684</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 684</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during + the onload event with the value="assertive". After the onload event completes a + child DOM element node is added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode, 1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/685.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/685.html new file mode 100644 index 000000000..90cb71f02 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/685.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 685</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 685</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="polite" and the element has a child DOM element node with text content + that is hidden using CSS display="none". After the onload event completes a child DOM element + node with text content has the CSS display property changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.style.display = "block"; + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'display: none'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,1000); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + setTimeout(addChildElementNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/686.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/686.html new file mode 100644 index 000000000..9cf141d69 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/686.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 686</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 686</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="assertive" and the element has a child DOM element node with text content + that is hidden using CSS display="none". After the onload event completes a child DOM element + node with text content has the CSS display property changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.style.display = "block"; + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'display: none'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,1000); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/687.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/687.html new file mode 100644 index 000000000..2294b4c86 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/687.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 687</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 687</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during + the onload event with the value="polite" and the element has a child DOM element node + with text content that is hidden using CSS visibility="hidden". After the onload + event completes a child DOM element node with text content has the CSS display property + changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.setAttribute('style', 'visibility: visible'); + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'visibility: hidden'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,1000); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + setTimeout(addChildElementNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/688.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/688.html new file mode 100644 index 000000000..cc488b8a2 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/688.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 688</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 688</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script + during the onload event with the value="assertive" and the element has a child + DOM element node with text content that is hidden using CSS visibility="hidden". + After the onload event completes a child DOM element node with text content + has the CSS display property changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.setAttribute('style', 'visibility: visible'); + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'visibility: hidden'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,1000); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/689.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/689.html new file mode 100644 index 000000000..714b34b09 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/689.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 689</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 689</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after the + onload event completes with the value="polite". After the aria-live attribute is added, + a child DOM text node is added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildTextNode() { + var node = document.getElementById('TEST_ID_2'); + var text_node = document.createTextNode("TEST TEXT"); + node.appendChild(text_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + setTimeout(addChildTextNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/690.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/690.html new file mode 100644 index 000000000..3f189e59a --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/690.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 690</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 690</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after + the onload event completes with the value="assertive". After the aria-live attribute + is added, a child DOM text node is added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildTextNode() { + var node = document.getElementById('TEST_ID_2'); + var text_node = document.createTextNode("TEST TEXT"); + node.appendChild(text_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildTextNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/691.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/691.html new file mode 100644 index 000000000..85bd8c940 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/691.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 691</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 691</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="polite". After the aria-live + attribute is added, a child DOM element node is added to the element with + the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + setTimeout(addChildElementNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/692.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/692.html new file mode 100644 index 000000000..13c16d62f --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/692.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 692</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 692</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after + the onload event completes with the value="assertive". After the aria-live attribute + is added, a child DOM element node is added to the element with the aria-live attribute.</p> + + <script type="text/javascript"> + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/693.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/693.html new file mode 100644 index 000000000..8914d7e86 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/693.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 693</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 693</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after + the onload event completes with the value="polite" and the element has a child DOM + element node with text content that is hidden using CSS display="none". After the + aria-live attribute is added, the child DOM element node with text content has the + CSS display property changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'display: block'); + } + + function addChildElementNode() { + var element_node = document.getElementById('TEST_ID_2'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + element_node.setAttribute('style', 'display: none'); + setTimeout(showElement,500); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + node.appendChild(element_node); + setTimeout(addChildElementNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/694.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/694.html new file mode 100644 index 000000000..49ee64c75 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/694.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 694</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 694</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after + the onload event completes with the value="assertive" and the element has a child + DOM element node with text content that is hidden using CSS display="none". After + the aria-live attribute is added, the child DOM element node with text content has + the CSS display property changed to display="block".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.setAttribute('style', 'display: block'); + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'display: none'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,500); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/695.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/695.html new file mode 100644 index 000000000..b2550c698 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/695.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 695</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 695</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="polite" and the element has + a child DOM element node with text content that is hidden using CSS + visibility="hidden". After the aria-live attribute is added, the child DOM + element node with text content has the CSS display property changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_3'); + node.setAttribute('style', 'visibility: visible'); + } + + function addChildElementNode() { + var node = document.getElementById('TEST_ID_2'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_3'); + element_node.setAttribute('style', 'visibility: hidden'); + var text_node = document.createTextNode("TEST TEXT"); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(showElement,500); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'assertive'); + node.appendChild(element_node); + setTimeout(addChildElementNode,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/696.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/696.html new file mode 100644 index 000000000..a577b1d5a --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/696.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 696</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 696</h1> + + <div id="TEST_ID_1"> + <div id="TEST_ID_2" style="visibility: hidden">TEST TEXT</div> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script after the + onload event completes with the value="assertive" and the element has a child DOM + element node with text content that is hidden using CSS visibility="hidden". After + the aria-live attribute is added, the child DOM element node with text content has + the CSS display property changed to visibility="visible".</p> + + <script type="text/javascript"> + + function showElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'visibility: visible'); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + node.setAttribute('aria-live', 'assertive'); + setTimeout(showElement,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/697.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/697.html new file mode 100644 index 000000000..eed947c44 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/697.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 697</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 697</h1> + + <div id="TEST_ID_1" aria-live="polite"> + TEST TEXT + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite" + has a child DOM text node with content. After the onload event completes the child + DOM text node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function onload() { + setTimeout(deleteChildNodes,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/698.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/698.html new file mode 100644 index 000000000..3e9081899 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/698.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 698</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 698</h1> + + <div id="TEST_ID_1" aria-live="assertive"> + TEST TEXT + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="assertive" + has a child DOM text node with content. After the onload event completes the child DOM + text node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function onload() { + setTimeout(deleteChildNodes,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/699.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/699.html new file mode 100644 index 000000000..f306cb1c4 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/699.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 699</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 699</h1> + + <div id="TEST_ID_1" aria-live="polite"> + <div>TEST TEXT</div> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite" + has a child DOM element node that contains text content. After the onload event completes + the child DOM element node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function onload() { + setTimeout(deleteChildNodes,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/700.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/700.html new file mode 100644 index 000000000..de12aff29 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/700.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 700</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 700</h1> + + <div id="TEST_ID_1" aria-live="assertive"> + <div>TEST TEXT</div> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the + value="assertive" has a child DOM element node that contains text content. + After the onload event completes the child DOM element node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function onload() { + setTimeout(deleteChildNodes,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/701.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/701.html new file mode 100644 index 000000000..942cab369 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/701.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 701</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 701</h1> + + <div id="TESTZ" aria-live="polite"> + Text before: <span id="TEST_ID_1">TEST TEXT</span> :text after + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with + the value="polite" has a child DOM element node that contains text + content. After the onload event completes the CSS 'display' property + of the child DOM element node is changed to display="none".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_1'); + node.setAttribute('style', 'display: none'); + } + + function onload() { + setTimeout(hideElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/702.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/702.html new file mode 100644 index 000000000..f46eb1d02 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/702.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 702</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 702</h1> + + <div id="TESTZ" aria-live="assertive"> + Text before: <span id="TEST_ID_1">TEST TEXT</span> :text after + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="assertive" + has a child DOM element node that contains text content. After the onload event completes + the CSS 'display' property of the child DOM element node is changed to display="none".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_1'); + node.setAttribute('style', 'display: none'); + } + + function onload() { + setTimeout(hideElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/703.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/703.html new file mode 100644 index 000000000..661eed254 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/703.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 703</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 703</h1> + + <div id="TESTZ" aria-live="polite"> + Text before: <span id="TEST_ID_1">TEST TEXT</span> :text after + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="polite" + has a child DOM element node that contains text content. After the onload event + completes the CSS 'visibility' property of the child DOM element node is changed + to visibility="hidden".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_1'); + node.setAttribute('style', 'visibility: hidden'); + } + + function onload() { + setTimeout(hideElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/704.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/704.html new file mode 100644 index 000000000..bb68b58ac --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/704.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 704</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 704</h1> + + <div id="TESTZ" aria-live="assertive"> + Text before: <span id="TEST_ID_1">TEST TEXT</span> :text after + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is defined in markup with the value="assertive" + has a child DOM element node that contains text content. After the onload event completes + the CSS 'visibility' property of the child DOM element node is changed to visibility="hidden".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_1'); + node.setAttribute('style', 'visibility: hidden'); + } + + function onload() { + setTimeout(hideElement,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/705.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/705.html new file mode 100644 index 000000000..d1f8cb84a --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/705.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 705</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 705</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script + during the onload event with the value="polite" and the element has a child DOM + text node with content. After the onload event completes the child DOM text + node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + element_node.setAttribute('aria-live', 'polite'); + var text_node = document.createTextNode('TEST TEXT'); + element_node.appendChild(text_node); + node.appendChild(element_node); + setTimeout(deleteChildNodes,500); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/706.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/706.html new file mode 100644 index 000000000..80f605d0c --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/706.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 706</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 706</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during the onload + event with the value="assertive" and the element has a child DOM text node with content. After + the onload event completes the child DOM text node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var element_node = document.createElement('div'); + element_node.setAttribute('aria-live', 'assertive'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + element_node.appendChild(text_node); + node.appendChild(element_node); + + setTimeout(deleteChildNodes,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/707.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/707.html new file mode 100644 index 000000000..8490112b2 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/707.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 707</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 707</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script + during the onload event with the value="polite" and the element has a child + DOM element node that contains text content. After the onload event completes + the child DOM element node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + live_node.setAttribute('id', 'TEST_ID_2'); + + var element_node = document.createElement('div'); + + var text_node = document.createTextNode('TEST TEXT'); + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + setTimeout(deleteChildNodes,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/708.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/708.html new file mode 100644 index 000000000..e1bfcd10e --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/708.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 708</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 708</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during + the onload event with the value="assertive" and the element has a child DOM element + node that contains text content. After the onload event completes the child DOM + element node is deleted.</p> + + <script type="text/javascript"> + + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + live_node.setAttribute('id', 'TEST_ID_2'); + + var element_node = document.createElement('div'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(deleteChildNodes,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/709.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/709.html new file mode 100644 index 000000000..321b85273 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/709.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 709</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 709</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during + the onload event with the value="polite" and the element has a child DOM element node + that contains text content. After the onload event completes the CSS 'display' + property of the child DOM element node is changed to display="none".</p> + + <script type="text/javascript"> + + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'display: none'); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + live_node.setAttribute('id','TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/710.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/710.html new file mode 100644 index 000000000..872643f66 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/710.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 710</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 710</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script during + the onload event with the value="assertive" and the element has a child DOM element + node that contains text content. After the onload event completes the CSS 'display' + property of the child DOM element node is changed to display="none".</p> + + <script type="text/javascript"> + + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'display: none'); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + live_node.setAttribute('id','TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/711.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/711.html new file mode 100644 index 000000000..7b4375c74 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/711.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 711</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 711</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a script + during the onload event with the value="polite" and the element has a child + DOM element node that contains text content. After the onload event completes + the CSS 'visibility' property of the child DOM element node is changed + to visibility="hidden".</p> + + <script type="text/javascript"> + + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'visibility: hidden'); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + live_node.setAttribute('id', 'TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/712.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/712.html new file mode 100644 index 000000000..3c6d69d33 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/712.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 712</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 712</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>An element with an aria-live attribute is added to the document by a + script during the onload event with the value="assertive" and the element + has a child DOM element node that contains text content. After the onload + event completes the CSS 'visibility' property of the child DOM element + node is changed to visibility="hidden".</p> + + <script type="text/javascript"> + + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.setAttribute('style', 'visibility: hidden'); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + live_node.setAttribute('id', 'TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,1000); + } + + function onload() { + addLiveRegion(); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/713.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/713.html new file mode 100644 index 000000000..08f8a5b28 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/713.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 713</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 713</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a + script after the onload event completes with the value="polite" and + the element has a child DOM text node with content. After the + aria-live attribute is added, the child DOM text node is deleted.</p> + + <script type="text/javascript"> + + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + live_node.setAttribute('id', 'TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(deleteChildNodes,1000); + } + + function onload() { + setTimeout(addLiveRegion, 1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/714.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/714.html new file mode 100644 index 000000000..56a63f82f --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/714.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 714</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 714</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a + script after the onload event completes with the value="assertive" + and the element has a child DOM text node with content. After the + aria-live attribute is added, the child DOM text node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_2'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + live_node.setAttribute('id', 'TESTZ'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(deleteChildNodes,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/715.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/715.html new file mode 100644 index 000000000..82f82b056 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/715.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 715</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 715</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="polite" and the element has + a child DOM element node that contains text content. After the aria-live + attribute is added, the child DOM element node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + node.setAttribute('aria-live', 'polite'); + + var text_node = document.createTextNode('TEST TEXT'); + + node.appendChild(text_node); + + setTimeout(deleteChildNodes,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/716.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/716.html new file mode 100644 index 000000000..3a98fad05 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/716.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 716</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 716</h1> + + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="polite" and the element has + a child DOM element node that contains text content. After the aria-live + attribute is added, the child DOM element node is deleted.</p> + + <script type="text/javascript"> + + function deleteChildNodes() { + var node = document.getElementById('TEST_ID_1'); + while (node.firstChild) node.removeChild(node.firstChild); + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + node.setAttribute('aria-live', 'assertive'); + + var text_node = document.createTextNode('TEST TEXT'); + + node.appendChild(text_node); + + setTimeout(deleteChildNodes,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/717.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/717.html new file mode 100644 index 000000000..e4e65c386 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/717.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 717</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 717</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="polite" and the element has + a child DOM element node that contains text content. After the aria-live + attribute is added, the CSS 'display' property of the child DOM element + node is changed to display="none".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.style.display = "none"; + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/718.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/718.html new file mode 100644 index 000000000..e662390cb --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/718.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 718</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 718</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a script + after the onload event completes with the value="assertive" and the element has + a child DOM element node that contains text content. After the aria-live + attribute is added, the CSS 'display' property of the child DOM element + node is changed to display="none".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.style.display = "none"; + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/719.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/719.html new file mode 100644 index 000000000..4fd10b746 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/719.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 719</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 719</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a + script after the onload event completes with the value="polite" and + the element has a child DOM element node that contains text content. + After the aria-live attribute is added, the CSS 'visibility' property + of the child DOM element node is changed to visibility="hidden".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.style.visibility = "hidden"; + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'polite'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> diff --git a/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/720.html b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/720.html new file mode 100644 index 000000000..22ab76a53 --- /dev/null +++ b/testing/web-platform/tests/conformance-checkers/html-aria/accessible-name-updates/720.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>ARIA 1.0 Test Case 720</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + </head> + <body> + <h1>ARIA 1.0 Test Case 720</h1> + + <div id="TEST_ID_1"> + </div> + + <h2>Description</h2> + <p>The aria-live attribute is added to an element in the document by a + script after the onload event completes with the value="assertive" and + the element has a child DOM element node that contains text content. + After the aria-live attribute is added, the CSS 'visibility' property + of the child DOM element node is changed to visibility="hidden".</p> + + <script type="text/javascript"> + + function hideElement() { + var node = document.getElementById('TEST_ID_2'); + node.style.visibility = "hidden"; + } + + function addLiveRegion() { + var node = document.getElementById('TEST_ID_1'); + + var live_node = document.createElement('div'); + live_node.setAttribute('aria-live', 'assertive'); + + var element_node = document.createElement('div'); + element_node.setAttribute('id', 'TEST_ID_2'); + + var text_node = document.createTextNode('TEST TEXT'); + + element_node.appendChild(text_node); + live_node.appendChild(element_node); + node.appendChild(live_node); + + setTimeout(hideElement,500); + } + + function onload() { + setTimeout(addLiveRegion,1000); + } + + window.addEventListener('load', onload); + </script> + </body> + +</html> |