/
meter-element.html
48 lines (43 loc) · 2.14 KB
/
meter-element.html
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
<!DOCTYPE HTML>
<html>
<body>
<script src="../resources/js-test-pre.js"></script>
<div id="content">
<meter id="meter1" value=6 max=8>6 blocks used (out of 8 total)</meter>
<meter id="meter2" value=0.75><img alt="75%" src="graph75.png"></meter>
<meter id="meter3" min="0" max="100" value="75"></meter>
<meter id="meter4" min=0 max=20 value=12>12cm</meter>
<meter id="meter5" min=0 max=10 value=2>2cm</meter>
<meter id="meter6" min=0 max=20 value=12 title="centimeters">12cm</meter>
<meter id="meter7" min=0 max=10 value=2 title="centimeters">2cm</meter>
<meter id="meter8" value=0.75><img aria-label="75 out of 100" src="graph75.png"></meter>
<meter id="meter9" value=0.75><img aria-label="75 out of 100" aria-labelledby="label" src="graph75.png"></meter>
<meter id="meter10" value=0.75><img aria-labelledby="label" src="graph75.png"></meter>
<span id="label" style="color:green;">75 percent</span>
<meter id="meter11" value=0.75><img aria-labelledby="label1 label2" src="graph75.png"></meter>
<span id="label1" style="color:green;">75</span>
<span id="label2" style="color:green;">(100 total)</span>
<meter id="meter12" value=0.75><span style="color:green;">75 (out of 100 total)</span></meter>
<meter id="meter13" value=0.75><div><p><span style="color:green;">75 (out of 100 total)</span></p></div></meter>
<meter id="meter14" value=0.60><div aria-label="7 of 10"><span style="color:green;">■■■■■■</span><span>□□□□</span></div></meter>
</div>
<div id="console"></div>
<script>
description("This tests that the meter element is accessible.");
if (window.testRunner && window.accessibilityController) {
for (var k = 1; k < 15; k++) {
var meter = accessibilityController.accessibleElementById("meter" + k);
debug("Meter" + k);
debug(meter.role);
debug(meter.title);
debug(meter.description);
debug(meter.valueDescription);
debug("AXValueSettable: " + meter.isAttributeSettable("AXValue"));
debug("\n");
}
document.getElementById("content").style.visibility = 'hidden';
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>