mirror of
https://github.com/servo/servo.git
synced 2025-08-08 23:15:33 +01:00
Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255
This commit is contained in:
parent
b2a5225831
commit
1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue