WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: Bordered Table in Netscape 4.7

for

From: julian.rickards@ndm.gov.on.ca
Date: Feb 7, 2003 12:51PM

The borders are extra thick because in the style sheet, you have a border on
the row (tr) as well as each cell (th and td) which means you are doubling
the border. Remove tr from the border style rule.

WRT the left column. You have used th for each cell down the left which may
not be necessary but I will discuss that later. If it is appropriate to use
th, then take the bold off. You have the (left) header cells tagged with the
class "italic" - if you have no other use for that class, you could modify
it to include "font-weight: normal" to turn off the bold appearance of the
th tag. Also, th by default is centered so you could also modify the italic
class for the th cells with "text-align: left".

In the gif, the data cells are left aligned but I see you have put
"text-align: center" in those data cells (td).

WRT the top two rows. It is my understanding that when there is a spanned
header cell, scope does not cut it any longer. Without the top row, scope is
fine and will meet the needs for accessibility but with the top row, scope
is not enough (correct me if I am wrong someone, accessibility of tables is
not a simple topic). In my understanding, when you have a layout like yours,
you have two options: take the top row out of the table and set it as a
caption or keep it in the table and use the id and headers attributes. The
first option is simple and allows you to use the scope you currently are
using. The second option requires that you id the four cells in the top two
rows and "tag" each data cell below (including the left header cells which
no longer need to be header cells but simply regular data cells) with the
header attribute.

I hope this helps or better than that, I hope I am correct.

Jules


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