Description

The for attribute is the glue that binds the text contained inside the label element to the form control to which it relates. There’s another way that descriptive text can be linked to a form control: instead of using a for attribute, the opening <label> and closing </label> tags can be wrapped around the form control. In that instance, the example code would look like this:

<label accesskey="b"><input type="radio" name="radFriendship"
    value="Not_Applicable" id="b"/> Not_Applicable</label>

Finally, you could take the belt-and-braces approach and do both: wrap the label around the form control and link it using the for attribute:

<label for="b" accesskey="b"><input type="radio" 
    name="radFriendship" value="Not_Applicable" id="b"/> 
    Not_Applicable</label>

Note that the former method—using the for attribute—is by far the safer option (at least one screen reader, Window Eyes, is not able to make the correct association when the label is wrapped around the related text).