1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
content / test / data / accessibility / html / svg-text-alternative-computation.html [blame]
<!--
@AURALINUX-ALLOW:class:*
@AURALINUX-ALLOW:description=*
@AURALINUX-ALLOW:id:*
@AURALINUX-ALLOW:tag:*
@BLINK-ALLOW:className*
@BLINK-ALLOW:htmlTag*
@BLINK-ALLOW:description=*
-->
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<body>
<div hidden id="link-label">Link (from aria-labelledby)</div>
<div hidden id="circle-label">Circle (from aria-labelledby)</div>
<svg class="name-aria-labelledby">
<a href="foo.html"
aria-label="Link (from aria-label)"
aria-labelledby="link-label"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="name-aria-label">
<a href="foo.html"
aria-label="Link (from aria-label)"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="name-title">
<a href="foo.html" xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="name-xlink-title">
<a href="foo.html" xlink:title="Link (from xlink:title)">
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="name-aria-labelledby">
<circle aria-labelledby="circle-label" cx="10" cy="10" r="5"/>
</svg>
<svg class="name-aria-label">
<circle aria-label="Circle (from aria-label)" cx="10" cy="10" r="5"/>
</svg>
<svg class="name-title">
<circle cx="10" cy="10" r="5">
<title>Circle (from title)</title>
</circle>
</svg>
<svg class="name-use-title">
<symbol id="myCircle" width="10" height="10">
<circle cx="10" cy="10" r="5"/>
</symbol>
<use href="#myCircle" x="5" y="5" style="opacity:1.0">
<title>Circle (From first use element's title)</title>
</use>
<use href="#myCircle" x="20" y="5" style="opacity:0.5">
<title>Circle (From second use element's title)</title>
</use>
</svg>
<svg class="name-symbol-title">
<symbol id="myRect" width="10" height="10">
<rect x="10" y="10" width="50" height="30"/>
<title>Rectangle Symbol (From symbol's title)</title>
</symbol>
<use href="#myRect" x="5" y="5" style="opacity:1.0" />
<use href="#myRect" x="20" y="5" style="opacity:0.5" />
</svg>
<div hidden id="link-description">Link (from aria-describedby)</div>
<svg class="description-aria-describedby">
<a href="foo.html"
aria-description="Link (from aria-description)"
aria-describedby="link-description"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<desc>Link (from desc)</desc>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="description-aria-description">
<a href="foo.html"
aria-description="Link (from aria-description)"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<desc>Link (from desc)</desc>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="description-desc">
<a href="foo.html"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<desc>Link (from desc)</desc>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="description-title">
<a href="foo.html"
aria-label="Link (from aria-label)"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="description-xlink-title">
<a href="foo.html"
xlink:title="Link (from xlink:title)">
<title>Link (from title)</title>
<circle cx="10" cy="10" r="5"/>
</a>
</svg>
<svg class="description-use-desc">
<symbol id="myCircle2" width="10" height="10">
<circle cx="10" cy="10" r="5"/>
</symbol>
<use href="#myCircle2" x="5" y="5" style="opacity:1.0">
<desc>Circle (From first use element's desc)</desc>
</use>
<use href="#myCircle2" x="20" y="5" style="opacity:0.5">
<desc>Circle (From second use element's desc)</desc>
</use>
</svg>
<svg class="description-use-title">
<symbol id="myCircle3" width="10" height="10">
<circle cx="10" cy="10" r="5"/>
</symbol>
<use aria-label="Circle 1" href="#myCircle3" x="5" y="5" style="opacity:1.0">
<title>Circle (From first use element's title)</title>
</use>
<use aria-label="Circle 2" href="#myCircle3" x="20" y="5" style="opacity:0.5">
<title>Circle (From second use element's title)</title>
</use>
</svg>
<svg class="desc-symbol-desc">
<symbol id="myRect2" width="10" height="10">
<rect x="10" y="10" width="50" height="30"/>
<desc>Rectangle Symbol (From symbol's desc)</desc>
</symbol>
<use href="#myRect2" x="5" y="5" style="opacity:1.0" />
<use href="#myRect2" x="20" y="5" style="opacity:0.5" />
</svg>
</body>
</html>