WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Alternatives to LEGEND for a radio button?

for

From: ben morrison
Date: Aug 27, 2009 9:50AM

On Thu, Aug 27, 2009 at 4:39 PM, D A< <EMAIL REMOVED> > wrote:
>> Stick with the span technique, using display block, relative/absolute
>> positioning etc you should be able to achieve any layout required
>
> Ben:
>
> Alas, that just doesn't work with the Legend tag. There are some major
> bugs--especially in firefox--that prevent various styling and
> positioning options for Legend.
>
> The visual issue, in our case, is that titles groups of checkboxes or
> radio buttons visually need to be shown just like standard
> label/textbox fields. Label in the left column, field in the right.


Can you provide an example of how it is supposed to look - with header
will do....

> Off the top of my head (I haven't tested these yet) I see a couple of options:
>
> Option 1:
>
> <legend>This is the group title (display: none)</legend>
> <h2>This is the group title</h2>
>
> Idea behind that option is that screen readers would read the legend,
> everyone else would see the h2. But it's ugly as we're repeating
> content in the markup.

Display:none will not be read by a screenreader and it is duplicate content

ben


--
Ben Morrison