Accessible Data Tables

1. 508 Guidelines - Tables
2. Flintstone Table
3. Tutoring Schedule - Original: Rockville English Dept. Writing Center
   1. Problem 1 - Presenting Table structure suitable for text readers for the blind
   2. Problem 2 - Table References -- How to relate a data cell to its column header or row
   3. Visually, we do this automatically
   4. Textreaders have none of this "visual" sense
   5. Textreaders are "linear" -- left to right, then "carriage return" and left to right again.
4. Restructured Tutor Table This restructured table creates Table Headers using the <th scope="col"> tag for columns, and the <td scope="row"> attribute in the first cell in each row -- in this case, the last name of the tutor. You should structure your data tables in this manner for text readers.
5. In the alternative, you can use
   1. the <th id="ColumnName"> attribute for column headers;
   2. the <td id="rowname"> for the first cell in a row, and;
   3. the <td headers="rowname ColName"> attribute for every cell.

This is tedious coding, so you probably want to use the scope attributes, which will cut down on the amount of coding you have to do for data tables.