Google Git
Sign in
webkit / WebKit / 23a6794cb84b9b002664f74df90c353b5e5e681b / . / LayoutTests / accessibility / svg-shape-labelled.html
blob: ebb96bcf80bcf532b96457b9c917a2817f36cca9 [file] [log] [blame]
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]1<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2<html>
3<head>
4<style>img {background-color: #000;}</style>
5<script src="../resources/js-test-pre.js"></script>
6<script src="../resources/accessibility-helper.js"></script>
7</head>
8<body id="body">
9
10<svg aria-label="Bar" height="100" width="100">
11 <circle id="circle1" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
12</svg>
13
14<svg height="100" width="100">
15 <circle id="circle2" aria-label="Bar" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
16</svg>
17
18<svg height="100" width="100">
19 <circle id="circle3" cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
20</svg>
21
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]22<p id="description"></p>
23<div id="console"></div>
24
25<script>
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]26 description("This tests that SVG shapes are exposed to ax tree as images if there are labels describing them.");
27
28 if (window.accessibilityController) {
29 var circle1 = accessibilityController.accessibleElementById("circle1");
30 debug("circle1: " + (circle1 ? circle1.role : "Element not exposed"));
31
32 var circle2 = accessibilityController.accessibleElementById("circle2");
33 debug("circle2: " + (circle2 ? circle2.role : "Element not exposed"));
34
35 var circle3 = accessibilityController.accessibleElementById("circle3");
36 debug("circle3: " + (circle3 ? circle3.role : "Element not exposed"));
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]37 }
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]38</script>
commit-queue@webkit.org0baae1c2019-04-08 18:09:33 +0000[diff] [blame]39<script src="../resources/js-test-post.js"></script>
40</body>
41</html>