WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible table where some data spans multiple columns


From: glen walker
Date: Nov 13, 2018 9:22AM

Just to be clear, having a row header or column header span multiple cells
(eg, <th scope="row" rowspan=3>) works very well, but that's because all
the data cells are individual cells. You just have multi-level headers.

What doesn't work as well is having single row headers or column headers
(ie, no spans) but having a data cell span several cells. That's the
scenario you have and is fixed by using the ID and HEADER attributes.

On Tue, Nov 13, 2018 at 8:26 AM Jeremy Echols < <EMAIL REMOVED> > wrote:

> Interesting. I knew about associating multiple headers, but didn't know
> that was necessary just for colspans. I also didn't really see the table
> as being confusing, but now that you point that out, it does indeed seem a
> little difficult to navigate.