Long Legend Test

Test 1: Default Legend

By default, the text within a legend does not wrap:

Legend (This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.)

Test 2: Legend w/ Wrap Workaround

The following workaround will enable legend text to wrap:

<legend><span class="wrap">Legend Text</span></legend>

legend .wrap {
    display: block; width: 100%; white-space: normal; /* allow long legends to wrap */
    _width /**/: auto; /* correct problem in IE 5 by setting width back to auto */
}

Legend (This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.)

MSF&W Accessibility Tests