W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2003

RE: radio button & drop-down

From: Geoff Deering <gdeering@acslink.net.au>
Date: Wed, 29 Oct 2003 10:11:46 +1100
To: "Derek Featherstone" <feather@wats.ca>, <w3c-wai-ig@w3.org>
Message-ID: <NBBBJPNFCLNLAADCLFJBGENOFCAA.gdeering@acslink.net.au>

This is the correct approach when grouping form controls, as Derek has

Also see




But if you are mixing table cells across controls, as your example shows,
when using fieldset you won't get a valid document (from memory).  Also
fieldset can cause problems when using EMCA/Javascript on form controls in
certain user agents (well, I shouldn't say fieldset is causing the problems,
it's the user agent's buggy implementation of those specifications).

-----Original Message-----
From: Derek Featherstone

If so, you may want to wrap the radio buttons and the <select> that is
associated with it in a fieldset with a legend...  Generally I've
observed[1] that when in forms mode, JAWS will announce the "legend" and
then the label for the form control you've just tabbed into... CAVEAT: I
haven't played that much with the verbosity settings in JAWS, and I've only
tested in more recent versions of JAWS, so YMMV...

Thus the the untested (pseudo-)code:

<legend>Group 1</legend>
<label for="foo1">Radio option 1</label><input type="radio" name="whatever"
id="foo1" value="foo" />
<label for="select1">Dropdown 1</label>
<select name="bar" id="select1">
        <option>Text here</option>

Should read in JAWS something like this (when in Forms Mode):

"Group 1, Radio Option 1, Radio Button, checked. To change the selection
press the up or down arrow"
Then, tab to next field.
"Group 1, Dropdown 1, Combo Box, Text here, 1 of 1"

So JAWS will read the <legend> for the current fieldset, then the label,
then the type of form control and any other hints for that type of control.

I would think that you should be able to rig something up that would work --
if you place each radio button with its associated select box in its own
fieldset, use appropriate <label> elements for each form control, you should
be able to get something working... Something along the lines of 3
fieldsets, each with a legend, a radio button and a select, and labels for
each of the radio/select inputs...

Hope this helps -- let us know what you come up with!

[1] When I say I've observed, I mean that I've seen it in action with JAWS
users, as well as through some of my own testing - I'm certainly no expert
JAWS user, but have used it enough to be able to do basic testing...

Best regards,
Received on Tuesday, 28 October 2003 18:26:57 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:26 UTC