blob: ebb96bcf80bcf532b96457b9c917a2817f36cca9 [file] [log] [blame]
<!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>
<body id="body">
<svg aria-label="Bar" height="100" width="100">
<circle id="circle1" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
<svg height="100" width="100">
<circle id="circle2" aria-label="Bar" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
<svg height="100" width="100">
<circle id="circle3" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests that SVG shapes are exposed to ax tree as images if there are labels describing them.");
if (window.accessibilityController) {
var circle1 = accessibilityController.accessibleElementById("circle1");
debug("circle1: " + (circle1 ? circle1.role : "Element not exposed"));
var circle2 = accessibilityController.accessibleElementById("circle2");
debug("circle2: " + (circle2 ? circle2.role : "Element not exposed"));
var circle3 = accessibilityController.accessibleElementById("circle3");
debug("circle3: " + (circle3 ? circle3.role : "Element not exposed"));
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>