WebAIM - Web Accessibility In Mind

E-mail List Archives

Label for a set of radio buttons

for

From: Dave Merrill
Date: Jun 10, 2013 2:57PM

Basic question: From an accessibility point of view, how are you supposed
to label a set of radio buttons? The 'for' attribute of a <label> tag has
to point to a single control (not a fieldset), and label tags can surround
only one field (not to mention the fact that the label isn't always
adjacent to the actual field).

One answer is a separate label for each radio, which in some sense you need
anyway to explain it, but how then do you tie them together, and to the
question being asked?

What's the best practice approach so assistive technologies understand this
situation?

Thanks,

--
Dave Merrill