E-mail List Archives

You are here: Home > Community > E-mail List Archives > View Thread

Thread: Data Table and Forms Question

Number of posts in this thread: 4 (In chronological order)

From: Lubow Scott
Date: Fri, Jan 14 2005 10:57AM
Subject: Data Table and Forms Question
No previous message | Next message →

Hi
Everyone,
 
We have a data table
on a web page and each table cell has a form field in it.  The form
fields are associated with the column header for the specific column and the
form fields also relate to each other across the row.  Can you use
scope for data tables and label for form fields together?  If not, does
anyone have a suggestion on how to make this accessible?  Below is the
code:
 

<table
cellpadding=2 cellspacing=0 class="c3text8" border=0 width="100%">
           
<tr>
                       
<td>X</td>
                       
<td>Y</td>
                       
<td>Z</td>
           
</tr>
           
<tr>
           
<td>
<input value="" name="X_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Y_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Z_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td width="100%">

</td>
           
</tr>
             <tr>
                       
<td>
<input value="" name="X_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Y_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Z_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td width="100%">

</td>
           
</tr>
</table>
 
Thanks in
advance,
Scott

From: Andrew Kirkpatrick
Date: Fri, Jan 14 2005 11:06AM
Subject: Re: Data Table and Forms Question
← Previous message | Next message →

A label can only apply to one input. Use the title attribute on the
input elements instead of a label.
AWK

On Jan 14, 2005, at 12:58 PM, lubow_scott wrote:

> Hi Everyone,
>

From: Jukka K. Korpela
Date: Fri, Jan 14 2005 11:14AM
Subject: Re: Data Table and Forms Question
← Previous message | Next message →

On Fri, 14 Jan 2005, lubow_scott wrote:

> We have a data table on a web page and each table cell has a form field
> in it. The form fields are associated with the column header for the
> specific column and the form fields also relate to each other across the
> row. Can you use scope for data tables and label for form fields
> together?

You can use both, but they are quite independent of each other - two
distinct structures, which are here used together. Without a real example
that shows the actual structure, it's hard to tell much more. But if you
have an array of input elements, then it becomes difficult, since you
cannot assign individual labels to them then, except by putting a label
into each cell
(foo bar: )

> <input value="" name="X_1" type="text" class="c3input"
> style="width:175">

Fixed widths should be avoided. Well, conforming browsers ignore
width:175 since it's syntactically incorrect, but "successfully" setting
width to 175px would be problematic - especially to people who need a
large font size.

--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

From: Steven Faulkner
Date: Sun, Jan 16 2005 8:56PM
Subject: Re: Data Table and Forms Question
← Previous message | No next message

you
could use hidden text labels or title attributes
see:
<A
href="http://www.nils.org.au/ais/web/resources/WSG_Oct_04/slide15.html">http://www.nils.org.au/ais/web/resources/WSG_Oct_04/slide15.html&;nbsp;for
example implementations
 

with regards
Steven Faulkner Web Accessibility Consultant National Information & Library Service
(NILS) 454 Glenferrie
Road Kooyong Victoria
3144 Phone: (613) 9864
9281 Fax: (613) 9864 9210
Email:
= EMAIL ADDRESS REMOVED =
National Information Library
Service A subsidiary of
RBS.RVIB.VAF Ltd.
<BLOCKQUOTE dir=ltr
style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #0000ff 2px solid; MARGIN-RIGHT: 0px">
 
 -----Original
Message-----From: lubow_scott
[mailto: = EMAIL ADDRESS REMOVED = ]Sent: Saturday, 15 January 2005 4:59
AMTo: WebAIM Discussion ListSubject: [WebAIM] Data Table
and Forms Question
Hi
Everyone,
 
We have a data
table on a web page and each table cell has a form field in it.  The
form fields are associated with the column header for the specific column and
the form fields also relate to each other across the row.  Can you
use scope for data tables and label for form fields together?  If not,
does anyone have a suggestion on how to make this accessible?  Below
is the code:
 

<table cellpadding=2 cellspacing=0 class="c3text8" border=0
width="100%">
           
<tr>
                       
<td>X</td>
                       
<td>Y</td>
                       
<td>Z</td>
           
</tr>
           
<tr>
           
<td>
<input value="" name="X_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Y_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Z_1" type="text" class="c3input"
style="width:175">
</td>
                       
<td width="100%">

</td>
           
</tr>
             <tr>
                       
<td>
<input value="" name="X_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Y_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td>
<input value="" name="Z_2" type="text" class="c3input"
style="width:175">
</td>
                       
<td width="100%">

</td>
           
</tr>
</table>
 
Thanks in
advance,
Scott