45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<label for="meter">label</label>
|
|
<meter id="meter" min="0" max="100" value="83.5"></meter>
|
|
|
|
<label>label wrapping meter<meter id="meter2" min="0" max="100" value="83.5"></meter></label>
|
|
|
|
<label for="meter3" aria-label="aria label">label</label>
|
|
<meter id="meter3" min="0" max="100" value="83.5"></meter>
|
|
|
|
<p id="p1">aria</p>
|
|
<p id="p2">labelledby</p>
|
|
<label aria-labelledby="p1 p2">label<meter id="meter4" min="0" max="100" value="83.5"></meter></label>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
description("This tests that for meter elements, the label element should be used as accessible name.");
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
var meter1 = accessibilityController.accessibleElementById("meter");
|
|
shouldBe("meter1.description", "'AXDescription: label'");
|
|
|
|
var meter2 = accessibilityController.accessibleElementById("meter2");
|
|
shouldBe("meter2.description", "'AXDescription: label wrapping meter'");
|
|
|
|
var meter3 = accessibilityController.accessibleElementById("meter3");
|
|
shouldBe("meter3.description", "'AXDescription: aria label'");
|
|
|
|
var meter4 = accessibilityController.accessibleElementById("meter4");
|
|
shouldBe("meter4.description", "'AXDescription: aria labelledby'");
|
|
}
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|