Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255

This commit is contained in:
James Graham 2015-03-27 09:15:38 +00:00
parent b2a5225831
commit 1a81b18b9f
12321 changed files with 544385 additions and 6 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>