WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: A Problem with a Table, Checkbox, and Label

for

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

From: Tim Harshbarger
Date: Thu, Jan 20 2005 9:33AM
Subject: A Problem with a Table, Checkbox, and Label
No previous message | Next message →

Hi,

I am hoping someone has a solution for a problem or has some suggestions
to try.

There is this table with 3 columns and multiple rows. The first column
contains a checkbox. The second column contains the name of a person
(last name, first name format.) The third column contains additional
contact information.

I fixed the table so that the column headings are marked up with the th
element. I also went through the table and encoded label elements for
all the names and then associated them with their related checkboxes.

Unfortunately, I am getting a strange result in JAWS. When I tab to the
checkbox, the correct name label is read. However, if I use the JAWS
table navigation keys and move into the column containing first and last
name, JAWS seems to think all those cells are blank. The only exception
is the column header.

Anyone run into this problem?

Thanks,
Tim

From: Sailesh Panchang
Date: Thu, Jan 20 2005 11:50AM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | Next message →








Tim,
 
As JAWS allows one to check/uncheck a checkbox
without activating  forms mode, it is best to navigate this table as a
table and not as a form, I guess. If one turned on forms mode, then one
might not be able to  read corresponding content in the third column  
without exiting forms mode.
Also JAWS and WinEyes read first column content as
row headers and first row content as column headers for simple tables and
although th markup is recommended, the screen readers will read these headers
without th too.
In this case, as first column just contains a
checkbox, the second column needs to be made a row header. This can only be done
with header and id association, the technique normally used for complex
tables.
 
This page might also have some button that triggers
something after one or more rows are checked off, right?  

Sailesh PanchangSenior Accessibility Engineer
Deque Systems,11180  Sunrise Valley Drive, 4th Floor, Reston VA
20191Tel: 703-225-0380 Extension 105 E-mail: <A
href="mailto: = EMAIL ADDRESS REMOVED = "> = EMAIL ADDRESS REMOVED = :
703-225-0387* Look up <<A
href="http://www.deque.com">http://www.deque.com>; *
&nbsp;
&nbsp;
<BLOCKQUOTE
style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
----- Original Message -----
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black">From:
<A title= = EMAIL ADDRESS REMOVED =
href="mailto: = EMAIL ADDRESS REMOVED = ">tim.harshbarger.cqwg

To: <A title= = EMAIL ADDRESS REMOVED =
href="mailto: = EMAIL ADDRESS REMOVED = ">WebAIM Discussion List
Sent: Thursday, January 20, 2005 11:32
AM
Subject: [WebAIM] A Problem with a Table,
Checkbox, and Label
Hi,I am hoping someone has a solution for a problem
or has some suggestionsto try.There is this table with 3 columns
and multiple rows.&nbsp; The first columncontains a checkbox.&nbsp; The
second column contains the name of a person(last name, first name
format.)&nbsp; The third column contains additionalcontact
information.I fixed the table so that the column headings are marked
up with the thelement.&nbsp; I also went through the table and encoded
label elements forall the names and then associated them with their
related checkboxes.Unfortunately, I am getting a strange result in
JAWS.&nbsp; When I tab to thecheckbox, the correct name label is
read.&nbsp; However, if I use the JAWStable navigation keys and move into
the column containing first and lastname, JAWS seems to think all those
cells are blank.&nbsp; The only exceptionis the column
header.Anyone run into this
problem?Thanks,Tim----To subscribe or unsubscribe,
visit <A
href="http://www.webaim.org/discussion/">http://www.webaim.org/discussion/

From: Sailesh Panchang
Date: Thu, Jan 20 2005 12:04PM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | Next message →








Tim,
But of course, if you have the liberty to change
the table design,make the checkbox column&nbsp; as #3 and the name column as the
first and use th for column headings as you have now done.
Sailesh PanchangSenior Accessibility Engineer
Deque Systems,11180&nbsp; Sunrise Valley Drive, 4th Floor, Reston VA
20191Tel: 703-225-0380 Extension 105 E-mail: <A
href="mailto: = EMAIL ADDRESS REMOVED = "> = EMAIL ADDRESS REMOVED = :
703-225-0387* Look up <<A
href="http://www.deque.com">http://www.deque.com>; *
&nbsp;
&nbsp;
to
<BLOCKQUOTE
style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
----- Original Message -----
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black">From:
<A title= = EMAIL ADDRESS REMOVED =
href="mailto: = EMAIL ADDRESS REMOVED = ">tim.harshbarger.cqwg

To: <A title= = EMAIL ADDRESS REMOVED =
href="mailto: = EMAIL ADDRESS REMOVED = ">WebAIM Discussion List
Sent: Thursday, January 20, 2005 11:32
AM
Subject: [WebAIM] A Problem with a Table,
Checkbox, and Label
Hi,I am hoping someone has a solution for a problem
or has some suggestionsto try.There is this table with 3 columns
and multiple rows.&nbsp; The first columncontains a checkbox.&nbsp; The
second column contains the name of a person(last name, first name
format.)&nbsp; The third column contains additionalcontact
information.I fixed the table so that the column headings are marked
up with the thelement.&nbsp; I also went through the table and encoded
label elements forall the names and then associated them with their
related checkboxes.Unfortunately, I am getting a strange result in
JAWS.&nbsp; When I tab to thecheckbox, the correct name label is
read.&nbsp; However, if I use the JAWStable navigation keys and move into
the column containing first and lastname, JAWS seems to think all those
cells are blank.&nbsp; The only exceptionis the column
header.Anyone run into this
problem?Thanks,Tim----To subscribe or unsubscribe,
visit <A
href="http://www.webaim.org/discussion/">http://www.webaim.org/discussion/

From: Cathy Mar
Date: Wed, Jan 26 2005 12:40PM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | Next message →

What version of Jaw are you on?
Thanks,
Cath

>>> = EMAIL ADDRESS REMOVED = 01/20/05 10:45 AM >>>
Tim,

As JAWS allows one to check/uncheck a checkbox without activating
forms mode, it is best to navigate this table as a table and not as a
form, I guess. If one turned on forms mode, then one might not be able
to read corresponding content in the third column without exiting
forms mode.
Also JAWS and WinEyes read first column content as row headers and
first row content as column headers for simple tables and although th
markup is recommended, the screen readers will read these headers
without th too.
In this case, as first column just contains a checkbox, the second
column needs to be made a row header. This can only be done with header
and id association, the technique normally used for complex tables.

This page might also have some button that triggers something after one
or more rows are checked off, right?
Sailesh Panchang
Senior Accessibility Engineer
Deque Systems,11180 Sunrise Valley Drive,
4th Floor, Reston VA 20191
Tel: 703-225-0380 Extension 105
E-mail: = EMAIL ADDRESS REMOVED =
Fax: 703-225-0387
* Look up *



----- Original Message -----
From: tim.harshbarger.cqwg
To: WebAIM Discussion List
Sent: Thursday, January 20, 2005 11:32 AM
Subject: [WebAIM] A Problem with a Table, Checkbox, and Label



Hi,

I am hoping someone has a solution for a problem or has some
suggestions
to try.

There is this table with 3 columns and multiple rows. The first
column
contains a checkbox. The second column contains the name of a
person
(last name, first name format.) The third column contains
additional
contact information.

I fixed the table so that the column headings are marked up with the
th
element. I also went through the table and encoded label elements
for
all the names and then associated them with their related
checkboxes.

Unfortunately, I am getting a strange result in JAWS. When I tab to
the
checkbox, the correct name label is read. However, if I use the
JAWS
table navigation keys and move into the column containing first and
last
name, JAWS seems to think all those cells are blank. The only
exception
is the column header.

Anyone run into this problem?

Thanks,
Tim

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




CONFIDENTIALITY NOTICE: This communication with its contents may contain
confidential and/or legally privileged information. It is solely for the
use of the intended recipient(s). Unauthorized interception, review, use
or disclosure is prohibited and may violate applicable laws including
the Electronic Communications Privacy Act. If you are not the intended
recipient, please contact the sender and destroy all copies of the
communication.

From: reply-to:to:subject:in-reply-to:mime-version:content-type:content-transfer-encoding:references;
Date: Wed, Jan 26 2005 1:33PM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | Next message →

Is this a case where CSS may solve the problem - or should it be tabular data?

<input type="checkbox" name="checkbox1" value="checkbox"
id="box1">Name1
Surname1Contact details1

using float:left on each element.

great example of css forms -
http://www.themaninblue.com/writing/perspective/2004/03/24/

Im unsure how accessible the address tag is as part of the details
inside a form, but maybe that issue exists anyway?

ben

From: Tim Harshbarger
Date: Wed, Jan 26 2005 1:46PM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | Next message →

We have tried JAWS 5.x through 6.x.

If we tab through (either in Forms mode or virtual cursor mode,) the
labels for the checkboxes read correctly.

Unfortunately, if we navigate it as a table (in order to read the
different values in the different columns,) JAWS acts as though there
are no names in the name column. This only seems to be happening when
we use the label...for element to explicitly associate the label with
the checkboxes.

-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Wednesday, January 26, 2005 1:41 PM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] A Problem with a Table, Checkbox, and Label


What version of Jaw are you on?
Thanks,
Cath

>>> = EMAIL ADDRESS REMOVED = 01/20/05 10:45 AM >>>
Tim,

As JAWS allows one to check/uncheck a checkbox without activating forms
mode, it is best to navigate this table as a table and not as a form, I
guess. If one turned on forms mode, then one might not be able
to read corresponding content in the third column without exiting
forms mode.
Also JAWS and WinEyes read first column content as row headers and first
row content as column headers for simple tables and although th markup
is recommended, the screen readers will read these headers without th
too.
In this case, as first column just contains a checkbox, the second
column needs to be made a row header. This can only be done with header
and id association, the technique normally used for complex tables.

This page might also have some button that triggers something after one
or more rows are checked off, right?
Sailesh Panchang
Senior Accessibility Engineer
Deque Systems,11180 Sunrise Valley Drive, 4th Floor, Reston VA 20191
Tel: 703-225-0380 Extension 105
E-mail: = EMAIL ADDRESS REMOVED =
Fax: 703-225-0387
* Look up *



----- Original Message -----
From: tim.harshbarger.cqwg
To: WebAIM Discussion List
Sent: Thursday, January 20, 2005 11:32 AM
Subject: [WebAIM] A Problem with a Table, Checkbox, and Label



Hi,

I am hoping someone has a solution for a problem or has some
suggestions
to try.

There is this table with 3 columns and multiple rows. The first
column
contains a checkbox. The second column contains the name of a person
(last name, first name format.) The third column contains additional
contact information.

I fixed the table so that the column headings are marked up with the
th
element. I also went through the table and encoded label elements for
all the names and then associated them with their related checkboxes.

Unfortunately, I am getting a strange result in JAWS. When I tab to
the
checkbox, the correct name label is read. However, if I use the JAWS
table navigation keys and move into the column containing first and
last
name, JAWS seems to think all those cells are blank. The only
exception
is the column header.

Anyone run into this problem?

Thanks,
Tim

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




CONFIDENTIALITY NOTICE: This communication with its contents may contain
confidential and/or legally privileged information. It is solely for the
use of the intended recipient(s). Unauthorized interception, review, use
or disclosure is prohibited and may violate applicable laws including
the Electronic Communications Privacy Act. If you are not the intended
recipient, please contact the sender and destroy all copies of the
communication.

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

From: Tim Harshbarger
Date: Wed, Jan 26 2005 1:49PM
Subject: Re: A Problem with a Table, Checkbox, and Label
← Previous message | No next message

My thought is that it should be tabular data. It is true that the table
includes form controls. However, there are relationships between rows,
columns, and cells that go beyond formatting.

I keep thinking that somehow I must have encoded something incorrectly,
but so far cannot find it.



-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Wednesday, January 26, 2005 2:34 PM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] A Problem with a Table, Checkbox, and Label


Is this a case where CSS may solve the problem - or should it be tabular
data?

<input type="checkbox" name="checkbox1" value="checkbox"
id="box1">Name1
Surname1Contact details1

using float:left on each element.

great example of css forms -
http://www.themaninblue.com/writing/perspective/2004/03/24/

Im unsure how accessible the address tag is as part of the details
inside a form, but maybe that issue exists anyway?

ben

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