73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<div id="content">
|
|
|
|
<p id="p1">Test figure with aria-label.</p>
|
|
<figure id="figure1" aria-label="aria-label attribute">
|
|
<img src="" alt="image alt" width="20" height="20"/>
|
|
</figure>
|
|
|
|
<p id="p2">Test figure with title attribute.</p>
|
|
<figure id="figure2" title="title attribute">
|
|
<img src="" alt="image alt" width="20" height="20"/>
|
|
</figure>
|
|
|
|
<p id="p3">Test figure with aria-describedby.</p>
|
|
<figure id="figure3" aria-describedby="fg-describedby">
|
|
<img src="" alt="image alt" width="20" height="20"/>
|
|
<p id="fg-describedby">p referenced by aria-describedby</p>
|
|
</figure>
|
|
|
|
<p id="p4">Test figure with figcaption element.</p>
|
|
<figure id="figure4">
|
|
<img src="" alt="image alt" width="20" height="20"/>
|
|
<figcaption id="figCaption4">Figcaption element</figcaption>
|
|
</figure>
|
|
|
|
<p id="p5">Test figure with figcaption element and title attribute.</p>
|
|
<figure id="figure5" title="title attribute">
|
|
<img src="" alt="image alt" width="20" height="20"/>
|
|
<figcaption id="figCaption5">Figcaption element</figcaption>
|
|
</figure>
|
|
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests that the 'figure' element is accessible on the Mac.");
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
for (var k = 1; k <= 5; k++) {
|
|
var figure = accessibilityController.accessibleElementById("figure" + k);
|
|
var p = document.getElementById("p" + k);
|
|
debug(p.innerText);
|
|
debug("figure" + k + " role: " + figure.role);
|
|
debug("figure" + k + " roleDescription: " + figure.roleDescription);
|
|
debug("figure" + k + " description: " + figure.description);
|
|
debug("figure" + k + " helpText: " + figure.helpText);
|
|
var titleUIElement = figure.titleUIElement();
|
|
if (k >= 4) {
|
|
var figureCaption = accessibilityController.accessibleElementById("figCaption" + k);
|
|
shouldBeTrue("titleUIElement.isEqual(figureCaption)");
|
|
} else
|
|
shouldBeTrue("!titleUIElement");
|
|
debug("");
|
|
}
|
|
document.getElementById("content").innerText = "";
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|