LayoutTests/accessibility/fieldset-element.html

<!DOCTYPE html>
<html>
<head>
<script src="../resources/js-test.js"></script>
<script src="../resources/accessibility-helper.js"></script>
<title>Fieldset Element</title>
</head>
<body>
<div id="content">
<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>
</div>
<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) {
            var accName = platformValueForW3CName(accessibilityController.accessibleElementById("f" + i));
            debug("element id 'f" + i + "': " +  accName);
        }

        // legend tests.
        var legend = accessibilityController.accessibleElementById("l0");
        if (legend.childrenCount)
            legend = legend.childAtIndex(0);
        debug("element id 'l0': " + legend.stringValue);

        document.getElementById("content").style.visibility = "hidden";
    }
</script>

</body>
</html>