Skip to Local Navigation
Skip to Content
California State University, Long Beach
Web Comm, California State University, Long Beach
Print this pageAdd this page to your favoritesSelect a font sizeSelect a small fontSelect a medium fontSelect a large font
 

Web Accessibility: Tables

§1194.22 (g) Row and column headers shall be identified for data tables.

Simple Data Tables

Month Year Pensacola Milton Crestview
Jan 1971-00 5.41 6.24 6.51
Feb 1971-00 4.87 5.04 4.55

The code for the above table is as follows:

<table>

<tr>

<th scope="col">Month</th>

<th scope="col">Year</th>

<th scope="col">Pensacola</th>

<th scope="col">Milton</th>

<th scope="col">Crestview</th>

</tr>

<tr align="center">

<th scope="row">Jan</th>

<td>1971-00</td>

<td>5.41</td>

<td>6.24</td>

<td>6.51</td>

</tr>

<tr align="center">

<th scope="row">Feb</th>

<td>1971-00</td>

<td>4.87</td>

<td>5.04</td>

<td>4.55</td>

</tr>

</table>

The above table speaks properly with a screen reader and satisfies section 508 §1194.22(g) and WCAG Checkpoint 5.1. The th elements identify the row and column headers as required by Section 508 Standards for web accessibility and WCAG 1.0 checkpoints, and it also meets WCAG 2.0 Success Criterion 1.3.1 because it is possible to programmatically recognize the cells that are marked as headers.

Next Section: Layered Data Tables