Courses Home Page
508 Home Page
Topics
Laws & Rules
State 508 Standards College Standards

Resources
Design Resources
Graphics Files - Flowers
Graphics - College
Text Readers

Designing Sites
Basic Page Design
Basic 2 Col. Web Site
Writing Center

Site Elements
Data Tables
More Data Tables
Forms
Multimedia
PDF Files

Other Resources

Quick Reference
Web For Students Home Page
Acceptable Use Policy

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.