WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: Accessible Table question

for

From: Hoffman, Allen
Date: Oct 13, 2005 1:20PM


I like idea 3--but think about label/ID rather than using scope.

The idea of making an element invisible seems really nice, but coding
invisible things just isn't the way to use the technology because the
further we take that analogy the more work or problems will most like
result.

I would consider talking with the requirements folks again, and explain
that they have conflicting visual needs and accessibility needs. I have
seen more "problems" arise from people only considering visual layout
needs than almost any other web accessibility issue. Visual layout
"needs" are not driven by law--but accessibility needs may be in some
circumstances.




Allen Hoffman

-----Original Message-----
From: Austin, Darrel [mailto: <EMAIL REMOVED> ]
Sent: Thursday, October 13, 2005 2:00 PM
To: WebAIM Discussion List
Subject: [WebAIM] Accessible Table question

I'm producing HTML for a designer and came across a table that I'm not
entirely sure how to optimize for accessibility:

http://www.darrelaustin.com/clients/enza/essen_store.html

There's a row across the top for the column headers, which is easy
enough.

The qusestion is regarding the CATEGORY column. I could give each and
every row a category field (which, to me, seems most accessible) but
they're prefer the visual to look as is, where only the first item that
lists the category.

How would you build this?

Some ideas I had:

1)

------------------------
Category | item | detail
---------------
| item | detail
---------------
| item | detail
------------------------

Make the first TD a TD with a rowspan of 3 and a scope of ROW



2)

------------------------
Category | item | detail
------------------------
Category | item | detail
------------------------
Category | item | detail
------------------------

Put the category in each row as a TD, but visually style the subsequent
items so they do not appear visually.



3)

------------------------
Category | item | detail
------------------------
| item | detail
------------------------
| item | detail
------------------------

Give the category TH an axis of 'category'. This is where I get a bit
confused, though, as I'm not sure how axis actually works. And perhaps I
also need a rowgroup here as well?

-Darrel