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 0000000000..38100513da --- /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> + + 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 0000000000..52269a560a --- /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> + + 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 0000000000..1c778dd0bd --- /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> + + 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 0000000000..117fc5c575 --- /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> + + 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 0000000000..9a6b48805d --- /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> + + 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 0000000000..6479eca47c --- /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> + + 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 0000000000..0f745965dc --- /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> + + 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 0000000000..9a64936755 --- /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> + + 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 0000000000..e8a60269cb --- /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> + + 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 0000000000..85d744de6d --- /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> + + 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 0000000000..92bde34f7b --- /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> + + 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 0000000000..c77062ca20 --- /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> + + 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 0000000000..f09903944d --- /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> + + 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 0000000000..ed550077de --- /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> + + 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 0000000000..9503adb54f --- /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> + + 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 0000000000..c21cf2714f --- /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> + + 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 0000000000..98f20d456b --- /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> + + 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 0000000000..d3fb88c841 --- /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> + + 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 0000000000..4cb1ab7112 --- /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> + + 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 0000000000..7f6f3f9ec3 --- /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> + + 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 0000000000..9695f25a63 --- /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> + + 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 0000000000..392e7d22f4 --- /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> + + 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 0000000000..46c1666d1d --- /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> + + 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 0000000000..b66a7214e3 --- /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> + + 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 0000000000..c229e74ca0 --- /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> + + 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 0000000000..3d96ba9f43 --- /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> + + 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 0000000000..adc1c79b55 --- /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> + + 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 0000000000..4f0af8cc61 --- /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> + + 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 0000000000..755b226963 --- /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> + + 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 0000000000..e13b82edcd --- /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> + + 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 0000000000..e0a4ed5495 --- /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> + + 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 0000000000..c2294a5f54 --- /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> + + 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 0000000000..3ac9831e97 --- /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> + + 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 0000000000..edcc7a960b --- /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> + + 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 0000000000..ed0de5ffa0 --- /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> + + 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 0000000000..796b729086 --- /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> + + + 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 0000000000..3306f7e152 --- /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> + + + 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 0000000000..dd947f21d9 --- /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> + + + 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 0000000000..af409ce80a --- /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> + + + 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 0000000000..11dd2f28b2 --- /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> + + + 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 0000000000..24387f9206 --- /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> + + + 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 0000000000..b2d4f120b7 --- /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> + + 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 0000000000..00b26f591b --- /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> + + 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 0000000000..80d2b85ecd --- /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> + + 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 0000000000..aaed8c09d7 --- /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> + + 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 0000000000..f6e9a2b1ad --- /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> + + 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 0000000000..1f132e67ae --- /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> + + 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 0000000000..23564ea247 --- /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> + + 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> |