- From: Andy Laws <adlaws@gmail.com>
- Date: Fri, 22 Sep 2006 17:11:12 +0100
- To: "David Dorward" <david@dorward.me.uk>
- Cc: w3c-wai-ig@w3.org
- Message-ID: <6ab7f2a50609220911j28d54addped9ac3c1249d5d57@mail.gmail.com>
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 UTC