W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2006

Re: a single label where multiple fields follow

From: Andy Laws <adlaws@gmail.com>
Date: Fri, 22 Sep 2006 17:11:12 +0100
Message-ID: <6ab7f2a50609220911j28d54addped9ac3c1249d5d57@mail.gmail.com>
To: "David Dorward" <david@dorward.me.uk>
Cc: w3c-wai-ig@w3.org
Dear All
This thread seems to cover basic form layout ie dob credit cards etc
However i am currently re enginerring a flash application into accessable
html
and i am faced with this situation (Please see enclosed scree shot)
as you can see i have a group of radio buttons that await users resopnse
with a key of 1-5 across the top of the radio buttons
i have produced the following html
<table id="Stems" width="100%">
    <tr>
     <td class="QuestionText"></td>
     <td class="OptionText">1</td>
     <td class="OptionText">2</td>
     <td class="OptionText">3</td>
     <td class="OptionText">4</td>
     <td class="OptionText">A</td>
    </tr>
    <tr>
     <td class="QuestionText">Stem 1 Question Text</td>
     <td class="OptionText"><input type="radio" name="Option1" value="1"
class="OptionGroup1" /></td>
     <td class="OptionText"><input type="radio" name="Option1" value="1"
class="OptionGroup1" /></td>
     <td class="OptionText"><input type="radio" name="Option1" value="1"
class="OptionGroup1" /></td>
     <td class="OptionText"><input type="radio" name="Option1" value="1"
class="OptionGroup1" /></td>
     <td class="OptionText"><input type="radio" name="OptionA" value="1"
class="OptionGroup1" /></td>
    </tr>
    <tr>
     <td class="QuestionText">Stem 1 Question Text</td>
     <td class="OptionText"><input type="radio" name="Option2" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option2" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option2" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option2" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="OptionA" value="1"
/></td>
    </tr>
    <tr>
     <td class="QuestionText">Stem 1 Question Text</td>
     <td class="OptionText"><input type="radio" name="Option3" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option3" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option3" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option3" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="OptionA" value="1"
/></td>
    </tr>
    <tr>
     <td class="QuestionText">Stem 1 Question Text</td>
     <td class="OptionText"><input type="radio" name="Option4" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option4" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option4" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option4" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="OptionA" value="1"
/></td>
    </tr>
    <tr>
     <td class="QuestionText">Stem 1 Question Text</td>
     <td class="OptionText"><input type="radio" name="Option5" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option5" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option5" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="Option5" value="1"
/></td>
     <td class="OptionText"><input type="radio" name="OptionA"
value="1"/></td>
    </tr>
   </table>

how would i mark this up appropritly for screen reader as i am limited, in
the sense i cant use legends or labels

Regards

Andy


On 9/22/06, David Dorward <david@dorward.me.uk> wrote:
>
>
> On Fri, Sep 22, 2006 at 08:36:33AM -0700, John Foliot wrote:
>
> > Or the form could be designed using drop downs (<select>), to remove any
> > ambiguity from the on-set.
>
> It could, but that isn't very user friendly. It takes a lot longer to
> pick three numbers from three drop down menus then it does to just
> type them in.
>
> --
> David Dorward                                      http://dorward.me.uk
>
>
>


-- 
Andrew Laws Bsc(Hons) MBCS, FBCS
Web-Sites:
www.opelnet.co.uk
www.cubiks.com
www.holidayhypermarket.co.uk
e-mail: adlaws@gmail.com
Telephone: 07814035012
Received on Friday, 22 September 2006 16:11:17 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:25 GMT