Take a straight forward question that is usually asked during any online sign-up form:
Gender:
It is marked up according to the WCAG Priority 2 checkpoint 12.4 that says you should associate labels explicitly with their controls (i.e. by using the label element).
<input type="radio" id="male" name="gender" />
<label for="male">Male</label>
However, I want to explicitly link the original question (gender) with the 2 possible answers and this isn’t possible using the label element because there can be only one label and one control per line
. There are a couple of solutions.
Continue reading Accessible Radio Buttons/Checkboxes
September 18, 2006