58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Image link in the presence of inline continuations</title>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<h2>Image link in the presence of inline continuations</h2>
|
|
|
|
<p>This test checks that a block inside a link does not unduly disturb
|
|
the render tree via inline continuations. In particular, it checks
|
|
that adding <div role=presentation> between a link and its
|
|
contained image does not alter the accessibility tree at all, other
|
|
than with respect to size.</p>
|
|
|
|
<div id="plain">
|
|
<a href="http://www.wowhead.com/?item=33924"><img alt="Delicious cake" src="resources/cake.png"></a>
|
|
</div>
|
|
|
|
<div id="with-div">
|
|
<a href="http://www.wowhead.com/?item=33924"><div role="presentation"><img alt="Delicious cake" src="resources/cake.png"></div></a>
|
|
</div>
|
|
|
|
<pre id="result"></div>
|
|
|
|
<script>
|
|
function axTree(elt)
|
|
{
|
|
var result = elt.allAttributes() + "\n\n";
|
|
var count = elt.childrenCount;
|
|
for (var i = 0; i < count; ++i) {
|
|
result += "Child " + i + ":\n" + axTree(elt.childAtIndex(i));
|
|
}
|
|
return result;
|
|
}
|
|
|
|
if (window.accessibilityController) {
|
|
var result = document.getElementById("result");
|
|
document.getElementById("plain").focus();
|
|
var plainResult = axTree(accessibilityController.focusedElement);
|
|
plainResult.replace(/AXSize.*\n/g, "");
|
|
|
|
document.getElementById("with-div").focus();
|
|
var withDivResult = axTree(accessibilityController.focusedElement);
|
|
withDivResult.replace(/AXSize.*\n/g, "");
|
|
|
|
if (plainResult == withDivResult) {
|
|
result.innerHTML = "PASS: accessibility trees were identical other than size."
|
|
} else {
|
|
result.innerHTML = "FAIL: accessibility trees differ.\nPlain image link: \n" + plainResult + "\nWith presentation div:\n" + withDivResult;
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|