blob: ed4c2fe4113e20d232cf9970c80514eb82c2017b [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../resources/js-test-pre.js"></script>
<script src="../resources/accessibility-helper.js"></script>
<title>Self-Referencing aria-labelledby</title>
</head>
<body>
<div id="content">
<!-- Self-referencing label should be the content text. -->
<a aria-labelledby="t0 s0 s1" class="test" href="#" id="t0">X</a>
<!-- Self-referencing label should be the aria-label text. -->
<a aria-label="X" aria-labelledby="t1 s0 s1" class="test" href="#" id="t1">?</a>
<!-- Self-referencing label should be the title text. -->
<img alt="" aria-labelledby="t2 s0 s1" class="test" id="t2" src="resources/cake.png" title="X">
<!-- Self-referencing label should be the alt text. -->
<img alt="X" aria-labelledby="t3 s0 s1" class="test" id="t3" src="resources/cake.png" title="?">
<!-- Self-referencing label should be the aria-label text. -->
<img alt="?" aria-label="X" aria-labelledby="t4 s0 s1" class="test" id="t4" src="resources/cake.png" title="?">
<!-- Self-referencing label should be the value text. -->
<input aria-labelledby="t5 s0 s1" class="test" id="t5" type="text" value="X">
<!-- Self-referencing label should be the aria-label text. -->
<input aria-label="X" aria-labelledby="t6 s0 s1" class="test" id="t6" type="button" value="?">
<span id="s0">Y</span>
<span id="s1">Z</span>
</div>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests that self-referencing aria-labelledby is exposed correctly.");
if (window.accessibilityController) {
testCount = document.getElementsByClassName("test").length;
for (var i = 0; i < testCount; ++i) {
var test = accessibilityController.accessibleElementById("t" + i);
shouldBeEqualToString("platformValueForW3CName(test)", "X Y Z");
}
document.getElementById("content").style.visibility = "hidden";
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>