Does anyone know of a decent way to 'hide' a legend from visual
browsers? For design reasons, I am duplicating the fieldset's legend
using a header (sorry, I can't avoid this at this stage). I want to
keep a real legend for accessibility, but don't want to have both my
fake legend and real legend showing.
dummy code;
<h3>Fake Legend, sadly I must keep this</h3>
<fieldset>
<legend>Real legend, please hide me for visual browser</legend>
<input id="status_all" type="radio" name="Rstatus" value="all" checked>
<label for="status_all">label for radio</label><br>
</fieldset>
dummy css;
legend {
position: absolute;
left: -999em;
border:1px blue solid;
}
display:none works, but kills the accessibility I am trying to keep.
FF is not letting me position the legend.
thanks
jack
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
