2013-10-15 00:23:25 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="../resources/js-test-pre.js"></script>
|
2016-05-20 18:34:14 +00:00
|
|
|
<script src="../resources/accessibility-helper.js"></script>
|
2013-10-15 00:23:25 +00:00
|
|
|
<title>Fieldset Element</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2016-05-20 18:34:14 +00:00
|
|
|
<div id="content">
|
2013-10-15 00:23:25 +00:00
|
|
|
<form>
|
|
|
|
|
<!-- fieldset with aria-label. -->
|
|
|
|
|
<fieldset aria-label="High Score:" class="fieldsetTest" id="f0">
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset and legend. -->
|
|
|
|
|
<fieldset class="fieldsetTest" id="f1">
|
|
|
|
|
<legend>High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset with aria-label and legend. -->
|
|
|
|
|
<fieldset aria-label="New High Score:" class="fieldsetTest" id="f2">
|
|
|
|
|
<legend>High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset and legend with aria-label. -->
|
|
|
|
|
<fieldset class="fieldsetTest" id="f3">
|
|
|
|
|
<legend aria-label="New High Score:">High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset and hidden legend. -->
|
|
|
|
|
<fieldset class="fieldsetTest" id="f4">
|
|
|
|
|
<legend aria-hidden="true">High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset and offscreen legend. -->
|
|
|
|
|
<fieldset class="fieldsetTest" id="f5">
|
|
|
|
|
<legend style="left:-9999px; position:absolute;">High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form>
|
|
|
|
|
<!-- fieldset and unrendered legend. -->
|
|
|
|
|
<fieldset class="fieldsetTest" id="f6">
|
|
|
|
|
<legend style="display:none;">High Score:</legend>
|
|
|
|
|
Name: <input type="text">
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<!-- legend outside fieldset. -->
|
|
|
|
|
<legend id="l0">Other:</legend>
|
2016-05-20 18:34:14 +00:00
|
|
|
</div>
|
2013-10-15 00:23:25 +00:00
|
|
|
<p id="description"></p>
|
|
|
|
|
<div id="console"></div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
description("This tests that fieldset and legend elements are exposed correctly.");
|
|
|
|
|
|
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
|
var fieldsetDescription = 0;
|
|
|
|
|
var fieldsetTestCount = 0;
|
|
|
|
|
var legendValue = 0;
|
|
|
|
|
|
|
|
|
|
// fieldset tests.
|
|
|
|
|
fieldsetTestCount = document.getElementsByClassName("fieldsetTest").length;
|
|
|
|
|
for (var i = 0; i < fieldsetTestCount; ++i) {
|
2016-05-20 18:34:14 +00:00
|
|
|
var accName = platformValueForW3CName(accessibilityController.accessibleElementById("f" + i));
|
|
|
|
|
debug("element id 'f" + i + "': " + accName);
|
2013-10-15 00:23:25 +00:00
|
|
|
}
|
2016-05-20 18:34:14 +00:00
|
|
|
|
2013-10-15 00:23:25 +00:00
|
|
|
// legend tests.
|
2016-05-20 18:34:14 +00:00
|
|
|
var legend = accessibilityController.accessibleElementById("l0");
|
|
|
|
|
if (legend.childrenCount)
|
|
|
|
|
legend = legend.childAtIndex(0);
|
|
|
|
|
debug("element id 'l0': " + legend.stringValue);
|
|
|
|
|
|
|
|
|
|
document.getElementById("content").style.visibility = "hidden";
|
2013-10-15 00:23:25 +00:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
