At 11:57 AM -0500 3/5/02, RUST Randal wrote: >I have several forms with simple "yes/no" questions on them. I need to use >radio buttons for the selections. > >Is the following code correct for accessibility? > >---------- > ><label for="smart">Are you smart?</label> ><label for="smartYes">Yes</label><input type="radio" id="smartYes" /> ><label for="smartNo">No</label><input type="radio" id="smartNo" /> No, but close. You want something like this: <fieldset> <legend>Are you smart?</legend> <label for="smartYes">Yes</label> <input type="radio" id="smartYes" value="yes" name="smartYes" /> <label for="smartNo">No</label> <input type="radio" id="smartNo" value="no" name="smartNo" /> </fieldset> The redundant name attribute is there for backwards compatibility. You could eliminate the for attributes if you wanted, by wrapping the <label> around the <input>: <fieldset> <legend>Are you smart?</legend> <label> Yes <input type="radio" id="smartYes" value="yes" name="smartYes" /> </label> <label> No <input type="radio" id="smartNo" value="no" name="smartNo" /> </label> </fieldset> Hope this helps! --Kynn -- Kynn Bartlett <kynn@idyllmtn.com> http://kynn.com Chief Technologist, Idyll Mountain http://idyllmtn.com Web Accessibility Expert-for-hire http://kynn.com/resume Next Book: Teach Yourself CSS in 24 http://cssin24hours.comReceived on Tuesday, 5 March 2002 19:31:13 UTC
This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 20:36:07 UTC