Make large, complex data table screen-reader friendly and 508 compliant

Question

I'm working with a very large HTML table. It is properly structured using thead, th, scope="", etc. The thead has, for example, 7 header rows of nested columns and 180 columns across.

What are the recommended methods for making this sort of table 508 compliant and screen-reader friendly? Is it even possible?

score 2 · Answer 1 · edited Mar 21 '14 at 16:10

2

Each table header has to have an id, then each cell that has multiple table headers, use the headers attribute to link to ids.

The order of the ids in the headers is important, so think how you'd want the user to hear the data.

edited Mar 21 '14 at 16:10

Ryan B

3,364
21
35

answered Mar 05 '14 at 20:18

PDA

766
6
10

Make large, complex data table screen-reader friendly and 508 compliant

1 Answers1