E-mail List Archives

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

Thread: SCOPE vs ID/HEADER

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

From: Steve Vosloo
Date: Thu, Sep 12 2002 1:25AM
Subject: SCOPE vs ID/HEADER
No previous message | Next message →

I've always used ID and HEADER attributes when creating accessible data
tables, but after reading the Access Board's bit for 508 compliant
tables, I might user SCOPE instead. From what they say SCOPE is as
widely recognised by user agents and it is definitely easier to
implement.

Any thoughts on why we don't all simply use SCOPE and code our tables in
a tenth of the time?

Thanks
Steve

Steve Vosloo
Division Manager
Usability Junction

Tel: + 27 (0) 21 409 7961
Fax: + 27 (0) 21 409 7050
Cell: + 27 (0) 83 463 0012
Web: www.usabilityjunction.com

----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/

From: Lori K. Brown
Date: Thu, Sep 12 2002 7:00AM
Subject: Re: SCOPE vs ID/HEADER
← Previous message | Next message →

Unless the table that I am coding has multiple levels of headings, or
involves headings that span multiple columns, scope is what I use for
table accessibility. I second Steve's question: is there a reason to do
otherwise?

Lori K. Brown
User Interface Engineer
SiteScape, Inc.

----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/

From: Leo Smith
Date: Fri, Sep 13 2002 11:28AM
Subject: Re: SCOPE vs ID/HEADER
← Previous message | Next message →

If your table is a simple one, that is the headings for any particular
data cell are in the same row and/or column as the cell, then you
only need to use th and/or scope.

If your table is a complex one with multiple levels of row and/or
column headings, probably meaning that the headings that apply to
a particular data cell are not all in the same row and/or column as
the cell, then use id and headers attributes.

Leo.

On 12 Sep 2002, at 9:53, Lori K. Brown wrote:

> Unless the table that I am coding has multiple levels of headings, or
> involves headings that span multiple columns, scope is what I use for
> table accessibility. I second Steve's question: is there a reason to
> do otherwise?
>
> Lori K. Brown
> User Interface Engineer
> SiteScape, Inc.
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>

Leo Smith
Web Designer/Developer
USM Office of Publications and Marketing
University of Southern Maine
207-780-4774

----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/

From: Dawn Hunziker
Date: Mon, Sep 23 2002 11:45AM
Subject: Form Labels not recognized....
← Previous message | Next message →

Hi all,

I have an interesting situation regarding form labels....

At the University of Arizona, we are using a program that allows University
staff and students to access their email online and some Javascript is
used. I asked the author of the program to add the <label for="xxx"> xxx
</label> and the id="xxx" within the form field information which he did
correctly. I checked the page again this morning using Jaws 4.02 and the
edit field labels still say "edit" with the labels that were attached.

The page is set up using buttons for "To", "CC", and "BCC" -- all of which
you can click on to go to an address book and select the
recipients. However even the edit box with simple text (subject:) is not
being read. Do any of you have any suggestions??

Thanks in advance for any feedback you can provide. At the bottom of this
email I have included the actual text from the area with the form edit fields.

Sincerely,

Dawn Hunziker
Assistive Technology Coordinator
Disability Resource Center
University of Arizona
520-626-9409
= EMAIL ADDRESS REMOVED =

<table valign="top" border="0" cellpadding="0" cellspacing="1">
<tr>
<td align="right"><label for="email_to"><input type="button"
value=" To " onClick="OnPhoenixAddress(); return false"></label></td>
<td align="left"><input type="text" tabindex="1" name="msg_to"
value="" size="50" maxlength="1000" id="email_to"></td>
</tr>
<tr>
<td align="right"><label for="email_cc"><input type="button"
value=" Cc " onClick="OnPhoenixAddress(); return false"></label></td>
<td align="left"><input type="text" tabindex="2" name="msg_cc"
value="" size="50" maxlength="1000" id="email_cc"></td>
</tr>
<tr>
<td align="right"><label for="email_bcc"><input type="button"
value="Bcc" onClick="OnPhoenixAddress(); return false"></label></td>
<td align="left"><input type="text" tabindex="3" name="msg_bcc"
value="" size="50" maxlength="1000" id="email_bcc"></td>
</tr>
<tr>
<td align="right" nowrap bgColor=#cccccc><label
for="email_subject"><font face="Verdana,Arial,Helvetica"
size="2"> Subject:</font></label></td>
<td align="left"><input type="text" tabindex="4"
name="msg_subject" value="" size="50" maxlength="1000"
id="email_subject"></td>
</tr>
</table>

----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/

From: Jeff Rhodes
Date: Mon, Sep 23 2002 11:58AM
Subject: Re: Form Labels not recognized....
← Previous message | No next message

The problem is that your label text is missing. Jaws is looking for a
text element for the label and you have a control (a button). One
way I have gotten around this is to assign a hidden class to the label
so that the sighted don't see it and Jaws does.
<style>
.hidden {display:none;}
</style>

<td align="right"><label for="email_to" class="hidden">Send Email
To</label><input type="button" value=" To "
onClick="OnPhoenixAddress(); return false"></td>
<td align="left"><input type="text" tabindex="1" name="msg_to"
value="" size="50" maxlength="1000" id="email_to"></td>

On 23 Sep 2002 at 11:16, Dawn Hunziker wrote:

> Hi all,
>
> I have an interesting situation regarding form labels....
>
> At the University of Arizona, we are using a program that allows University
> staff and students to access their email online and some Javascript is
> used. I asked the author of the program to add the <label for="xxx"> xxx
> </label> and the id="xxx" within the form field information which he did
> correctly. I checked the page again this morning using Jaws 4.02 and the
> edit field labels still say "edit" with the labels that were attached.
>
> The page is set up using buttons for "To", "CC", and "BCC" -- all of which
> you can click on to go to an address book and select the
> recipients. However even the edit box with simple text (subject:) is not
> being read. Do any of you have any suggestions??
>
> Thanks in advance for any feedback you can provide. At the bottom of this
> email I have included the actual text from the area with the form edit fields.
>
> Sincerely,
>
> Dawn Hunziker
> Assistive Technology Coordinator
> Disability Resource Center
> University of Arizona
> 520-626-9409
> = EMAIL ADDRESS REMOVED =
>
> <table valign="top" border="0" cellpadding="0" cellspacing="1">
> <tr>
> <td align="right"><label for="email_to"><input type="button"
> value=" To " onClick="OnPhoenixAddress(); return false"></label></td>
> <td align="left"><input type="text" tabindex="1" name="msg_to"
> value="" size="50" maxlength="1000" id="email_to"></td>
> </tr>
> <tr>
> <td align="right"><label for="email_cc"><input type="button"
> value=" Cc " onClick="OnPhoenixAddress(); return false"></label></td>
> <td align="left"><input type="text" tabindex="2" name="msg_cc"
> value="" size="50" maxlength="1000" id="email_cc"></td>
> </tr>
> <tr>
> <td align="right"><label for="email_bcc"><input type="button"
> value="Bcc" onClick="OnPhoenixAddress(); return false"></label></td>
> <td align="left"><input type="text" tabindex="3" name="msg_bcc"
> value="" size="50" maxlength="1000" id="email_bcc"></td>
> </tr>
> <tr>
> <td align="right" nowrap bgColor=#cccccc><label
> for="email_subject"><font face="Verdana,Arial,Helvetica"
> size="2"> Subject:</font></label></td>
> <td align="left"><input type="text" tabindex="4"
> name="msg_subject" value="" size="50" maxlength="1000"
> id="email_subject"></td>
> </tr>
> </table>
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>
>

Jeff Rhodes, Developer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Internet Association Corporation
www.iaccorp.com
voice: (330) 376-6006 x255
fax: (330) 376-3355
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Thought for the day:
-Change is inevitable, except from a vending machine.

----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/