Created a table. Go to accessibility, checked 1 for both the header row and column & checked the associated cells with headers checkbox. ... This is the code that get's spit out.

Copy Code

<table style="width: 50%; " class="tableData">

<thead><tr>

<th style="" id="table_heading_0"> </th>

<th style="" id="table_heading_1">2011</th>

<th style="" id="table_heading_2">2012</th>

</tr></thead>

<tbody><tr>

<th style="" id="table_heading_3">Fire</th>

<td headers="table_heading_1">5</td>

<td class="" style="" headers="table_heading_2">5</td>

</tr><tr>

<th style="" id="table_heading_4">Police</th>

<td headers="table_heading_1">5</td>

<td headers="table_heading_2">5</td>

</tr></tbody></table>

Each header is assigned a unique ID (Correct!)

Each header is identified with a <th> class (Correct!)

Each non-header cell associates with just ONE header (INCORRECT! ... I assume)

Since there are two headers associated with each non-header cell, shouldn't there should be two IDs referenced in the "headers" attribute? Would the correct coding for this look something like this (each header ID separated by a space or comma)?

Copy Code

<table style="width: 50%; " class="tableData">

<thead><tr>

<th style="" id="table_heading_0"> </th>

<th style="" id="table_heading_1">2011</th>

<th style="" id="table_heading_2">2012</th>

</tr></thead>

<tbody><tr>

<th style="" id="table_heading_3">Fire</th>

<td headers="table_heading_1,table_heading_3">5</td>

<td class="" style="" headers="table_heading_2,table_heading_3">5</td>

</tr><tr>

<th style="" id="table_heading_4">Police</th>

<td headers="table_heading_1,table_heading_4">5</td>

<td headers="table_heading_2,table_heading_4">5</td>

</tr></tbody></table>