WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Data Table and Forms Question

for

From: Steven Faulkner
Date: Jan 16, 2005 8:56PM






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
<FONT face=Arial color=#0000ff
size=2>&nbsp;

with regards
Steven Faulkner <FONT
face=Helv color=#000000 size=2>Web Accessibility Consultant <FONT
face=Helv color=#000000 size=2>National Information &amp; Library Service
(NILS) 454 Glenferrie
Road Kooyong Victoria
3144 Phone: (613) 9864
9281 Fax: (613) 9864 9210
Email:
<EMAIL 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">
<FONT
size=2><FONT face=Arial
color=#0000ff>&nbsp;
<FONT
size=2>&nbsp;-----Original
Message-----From: lubow_scott
[mailto: <EMAIL REMOVED> ]Sent: Saturday, 15 January 2005 4:59
AMTo: WebAIM Discussion ListSubject: [WebAIM] Data Table
and Forms Question
Hi
Everyone,
<SPAN
class=482382317-14012005>&nbsp;
We have a data
table on a web page and each table&nbsp;cell has a form field in it.&nbsp; 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.&nbsp;&nbsp;Can you
use scope for data tables and label for form fields together?&nbsp; If not,
does anyone have a suggestion on&nbsp;how to make this accessible?&nbsp; Below
is the code:
<SPAN
class=482382317-14012005>&nbsp;

<FONT face=Arial
size=2><table cellpadding=2 cellspacing=0 class="c3text8" border=0
width="100%">
<FONT
size=2><SPAN
style="mso-tab-count: 1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<tr>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>X</td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>Y</td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>Z</td>
<FONT
size=2><SPAN
style="mso-tab-count: 1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</tr>
<FONT
size=2><SPAN
class=482382317-14012005>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<tr>
<FONT
face=Arial><SPAN
style="mso-tab-count: 1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="X_1" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="Y_1" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="Z_1" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td width="100%">
<FONT face=Arial
size=2>
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</tr>
<SPAN
style="mso-tab-count: 6"><FONT face=Arial
size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT
face=Arial><tr>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="X_2" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="Y_2" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td>
<FONT face=Arial
size=2><input value="" name="Z_2" type="text" class="c3input"
style="width:175">
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td width="100%">
<FONT
face=Arial size=2>
<FONT
face=Arial size=2></td>
<FONT
size=2><SPAN
style="mso-tab-count: 1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</tr>
<FONT face=Arial
size=2></table>
<FONT face=Arial
size=2>&nbsp;
Thanks in
advance,
<SPAN
class=482382317-14012005>Scott