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:16:33 +0100
Message-ID: <6ab7f2a50609220916j13be881bl3ab981fe8bd3a51a@mail.gmail.com>
To: "David Dorward" <david@dorward.me.uk>
Cc: w3c-wai-ig@w3.org
Sorry forgot the image

On 9/22/06, Andy Laws <adlaws@gmail.com> wrote:
>
> 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




-- 
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



TflPage.png
(image/png attachment: TflPage.png)

Received on Friday, 22 September 2006 16:16:56 GMT

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