Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / accessibility / meter-element.html
1 <!DOCTYPE HTML>
2 <html>
3 <body>
4 <script src="../resources/js-test-pre.js"></script>
5
6 <div id="content">
7 <meter id="meter1" value=6 max=8>6 blocks used (out of 8 total)</meter>
8 <meter id="meter2" value=0.75><img alt="75%" src="graph75.png"></meter>
9 <meter id="meter3" min="0" max="100" value="75"></meter>
10 <meter id="meter4" min=0 max=20 value=12>12cm</meter>
11 <meter id="meter5" min=0 max=10 value=2>2cm</meter>
12 <meter id="meter6" min=0 max=20 value=12 title="centimeters">12cm</meter>
13 <meter id="meter7" min=0 max=10 value=2 title="centimeters">2cm</meter>
14 <meter id="meter8" value=0.75><img aria-label="75 out of 100" src="graph75.png"></meter>
15 <meter id="meter9" value=0.75><img aria-label="75 out of 100" aria-labelledby="label" src="graph75.png"></meter>
16 <meter id="meter10" value=0.75><img aria-labelledby="label" src="graph75.png"></meter>
17 <span id="label" style="color:green;">75 percent</span>
18 <meter id="meter11" value=0.75><img aria-labelledby="label1 label2" src="graph75.png"></meter>
19 <span id="label1" style="color:green;">75</span>
20 <span id="label2" style="color:green;">(100 total)</span>
21 <meter id="meter12" value=0.75><span style="color:green;">75 (out of 100 total)</span></meter>
22 <meter id="meter13" value=0.75><div><p><span style="color:green;">75 (out of 100 total)</span></p></div></meter>
23 <meter id="meter14" value=0.60><div aria-label="7 of 10"><span style="color:green;">&#9632;&#9632;&#9632;&#9632;&#9632;&#9632;</span><span>&#9633;&#9633;&#9633;&#9633;</span></div></meter>
24 </div>
25
26 <div id="console"></div>
27 <script>
28
29 description("This tests that the meter element is accessible.");
30
31 if (window.testRunner && window.accessibilityController) {
32     for (var k = 1; k < 15; k++) {
33         var meter = accessibilityController.accessibleElementById("meter" + k);
34         debug("Meter" + k);
35         debug(meter.role);
36         debug(meter.title);
37         debug(meter.description);
38         debug(meter.valueDescription);
39         debug("AXValueSettable: " + meter.isAttributeSettable("AXValue"));
40         debug("\n");
41     }
42
43     document.getElementById("content").style.visibility = 'hidden';    
44 }
45 </script>
46 <script src="../resources/js-test-post.js"></script>
47 </body>
48 </html>