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

Re: a single label where multiple fields follow

From: David Woolley <david@djwhome.demon.co.uk>
Date: Fri, 22 Sep 2006 22:25:52 +0100 (BST)
Message-Id: <200609222125.k8MLPqd07379@djwhome.demon.co.uk>
To: w3c-wai-ig@w3.org

> 
> 
> ------=_Part_26303_11610581.1158941472262
> Content-Type: text/plain; charset=ISO-8859-1; format=flowed
> Content-Transfer-Encoding: 7bit
> Content-Disposition: inline
> 
> 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)

No screen shot, and, in any case, it is not usually a good idea to
post binaries to public lists.

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

These should be th, not td, although I'm not sure that typical AT
follows the guidelines for speaking these that are given in the
HTML specification.

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

Was the A supposed to be 5?

>     </tr>
>     <tr>
>      <td class="QuestionText">Stem 1 Question Text</td>

This should probably be th as well, with scope=row.  Theoretically,
correct use of th should cause both row and column headings to be
announced before each choice, although I suspect that doesn't
work in the real world.

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

Were these supposed to be 1, 2, 3, 4, 5 and similarly for the ones that
currently go 2, 2, 2, 2, A, etc.

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

I think the real problem here is how to mark it up for people with
limited dexterity.

Incidentally, are these one to five's supposed to be "strongly disagree",
"disagree", "undecided", "agree", "strongly agree".  If that is the case,
they will be easier to understand if quoted in that form, rather than
as a somewhat abitrary numeric value.
Received on Friday, 22 September 2006 21:26:05 GMT

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