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

Re: Tables, Radio Buttons & Labels...

From: Scott Rippon <scott.rippon@arts.monash.edu.au>
Date: Wed, 30 Jul 2003 16:47:41 +1000
To: David Poehlman <poehlman1@comcast.net>, w3c-wai-ig@w3.org
Message-id: <3F276A0D.8D3E8504@arts.monash.edu.au>
Dear David

Thanks very much for running this test for me.  I was hoping that the
table with the table heading marked up using the <th> element with the
"scope" attribute would help form an association between the table
heading (form label) and table cell (form control).  It sounds like this
isn't the case.

Would this be an acceptable work around?  Have a table, like my original
example, but link to an accessible form where instead of the series of
questions being formatted in a table they are separated and coded like

 <legend>Question 1</legend>
 <p>This is the first question.</p>
 <p><label for="Q1_good">Good
  <input id="Q1_good" name="Q1" type="radio" value="1"></label><br>

  <label for="Q1_neither">Neither Good or Bad
  <input id="Q1_neither" name="Q1" type="radio" value="2"></label><br>

  <label for="Q1_bad">Bad
  <input id="Q1_bad" name="Q1" type="radio" value="3"></label></p>

I know it isn't perfect but would it work?

Kind regards,
Scott Rippon.

David Poehlman wrote:
> I did the form up in html and worked with it using jaws version 4.51 and
> found as with many forms of this type, that I had a lot of problems
> associating which radio button went with which label.  It can be done, but
> we still need more explicit associations.  I cannot provide a solution
> however but hope this information is of some help.
> ----- Original Message -----
> From: "Scott Rippon" <scott.rippon@arts.monash.edu.au>
> To: <w3c-wai-ig@w3.org>
> Sent: Friday, July 25, 2003 12:08 AM
> Subject: Tables, Radio Buttons & Labels...
> Dear All
> WACG 1.0
> - 10.2 Until user agents support explicit associations between labels
> and form controls, for all form controls with implicitly associated
> labels, ensure that the label is properly positioned.
> - 12.4 Associate labels explicitly with their controls.
> http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels
> http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL
> I have a form which contains a table.  This table has a number of
> questions and radio buttons that users can rate their response to those
> questions.  In this case each radio button has two labels.  I've read
> the two above links but I'm a bit confused about how to satisfy priority
> 10.2 & 12.4.  This is an example of my code for this table.  Is this how
> it should be done?
> <table border="1"
>  summary="This table contains a series of question.
> Please rate your response to these questions appropriately.">
>   <caption>Example Questions</caption>
> <thead>
>   <tr>
>     <th scope="col"><p>Question</p></th>
>     <th scope="col"><p>Good</p></th>
>     <th abbr="Neither" scope="col"><p>Neither Good or Bad</p></th>
>     <th scope="col"><p>Bad</p></th>
>   </tr>
> </thead>
> <tbody>
>   <tr>
>     <td><p>This is the first question.</p></td>
>     <td><p><input id="Q1" name="Q1" type="radio" value="1"></p></td>
>     <td><p><input id="Q1" name="Q1" type="radio" value="2"></p></td>
>     <td><p><input id="Q1" name="Q1" type="radio" value="3"></p></td>
>   </tr>
>   <tr>
>     <td><p>This is the second question.</p></td>
>     <td><p><input id="Q2" name="Q2" type="radio" value="1"></p></td>
>     <td><p><input id="Q2" name="Q2" type="radio" value="2"></p></td>
>     <td><p><input id="Q2" name="Q2" type="radio" value="3"></p></td>
>   </tr>
> </tbody>
> </table>
> Thanks in advance for peoples help.
> Kind regards,
> Scott Rippon.

Received on Wednesday, 30 July 2003 02:49:00 UTC

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