52 lines
2.5 KiB
HTML
52 lines
2.5 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<style>img {background-color: #000;}</style>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script src="../../resources/accessibility-helper.js"></script>
|
|
</head>
|
|
|
|
<!-- This test must run when all remote resources (SVG images) are loaded.
|
|
Thus add an onload event listener to body and run the test there. -->
|
|
<body onload="runTest()">
|
|
|
|
<!-- Used as baseline for an image traits. -->
|
|
<img id="pngImage1" src="../resources/cake.png" alt="1. png image">
|
|
<!-- Used as baseline for an image in an anchor traits. -->
|
|
<a href="https://apple.com"><img id="pngImage2" src="../resources/cake.png" alt="2. png image"></a>
|
|
|
|
<img id="image1" src="../resources/apple-logo.svg">
|
|
<img id="image2" src="../resources/apple-logo.svg" alt="2. svg image with alt text">
|
|
<img id="image3" role="img" src="../resources/apple-logo.svg" alt="3. svg image with role img" and alt text">
|
|
<a href="https://apple.com"><img id="image4" src="../resources/apple-logo.svg" alt="4. svg image in an anchor"></a>
|
|
<a href="https://apple.com"><img id="image5" role="img" src="../resources/apple-logo.svg" alt="5. svg image with role img in an anchor"></a>
|
|
<img id="image6" src="../resources/apple-logo.svg" aria-label="6. svg image with aria label">
|
|
<img id="image7" role="img" src="../resources/apple-logo.svg" aria-label="7. svg image with role img and aria label">
|
|
<img id="image8" src="../resources/apple-logo.svg" alt="8. svg image with size set" style="height: 200px; width: 200px;">
|
|
<img id="image9" role="img" src="../resources/apple-logo.svg" alt="9. svg image with role img and size set" style="height: 200px; width: 200px;">
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
description("This tests that images with SVG source are indeed exposed as images and not as SVG groups, if the SVG source is not accessible.");
|
|
|
|
function runTest() {
|
|
if (window.accessibilityController) {
|
|
pngImage1 = accessibilityController.accessibleElementById("pngImage1");
|
|
pngImage2 = accessibilityController.accessibleElementById("pngImage2");
|
|
|
|
for (i = 1; i < 10; ++i) {
|
|
image = accessibilityController.accessibleElementById("image" + i);
|
|
if (i < 4 || i > 5)
|
|
shouldBe("image.traits", "pngImage1.traits");
|
|
else
|
|
shouldBe("image.traits", "pngImage2.traits");
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|