2013-04-25 23:33:23 +00:00
<!DOCTYPE HTML>
< html >
< body >
2013-09-08 01:18:24 +00:00
< script src = "../resources/js-test-pre.js" > < / script >
2013-04-25 23:33:23 +00:00
< 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 >
2016-05-18 18:57:33 +00:00
< 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 >
2013-04-25 23:33:23 +00:00
< / div >
< div id = "console" > < / div >
< script >
2013-09-12 10:24:52 +00:00
description("This tests that the meter element is accessible.");
2013-04-25 23:33:23 +00:00
if (window.testRunner & & window.accessibilityController) {
2016-05-18 18:57:33 +00:00
for (var k = 1; k < 15 ; k + + ) {
2013-04-25 23:33:23 +00:00
var meter = accessibilityController.accessibleElementById("meter" + k);
debug("Meter" + k);
debug(meter.role);
debug(meter.title);
debug(meter.description);
2013-09-12 10:24:52 +00:00
debug(meter.valueDescription);
2013-09-12 22:41:43 +00:00
debug("AXValueSettable: " + meter.isAttributeSettable("AXValue"));
2013-04-25 23:33:23 +00:00
debug("\n");
}
document.getElementById("content").style.visibility = 'hidden';
}
< / script >
2013-09-08 01:18:24 +00:00
< script src = "../resources/js-test-post.js" > < / script >
2013-04-25 23:33:23 +00:00
< / body >
< / html >