see image here: http://www.x-reference.com/wp-content/uploads/2010/05/nested-table-data.gif
How should I write the code for the section entitled "Retiree and Employee On Demand Community" so that screen readers don't get confused on it?
A nested table doesn't seem to be the best solution, it doesn't seem semantic either. The data in the columns is part of the column headings these are just sub-sections of that particular table row.
What I have so far:
<table cellspacing="0" cellpadding="0" border="0" summary="2009 Employee Metrics" class="data-table alternating">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
<th scope="col">2008</th>
<th scope="col">2009</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="table-row">Learning Investments Worldwide <span>($ M)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Learning Hours Worldwide <span>($ M)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Learning Per Employee</th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Employee Satisfaction</th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Women global Executives <span>(%)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Women in Workforce <span>(%)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Women Managers in Workforce <span>(%)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row">Global Illness/Injury Rate<br /> <span>Total Number (per 100 employees)</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row" colspan="6">Retiree and Employee On Demand Community<br /> <span>(Hours in thousands)</span>
<table cellspacing="0" cellpadding="0" border="0" summary="Retiree and Employee On Demand Community" class="data-table">
<tbody>
<tr>
<th scope="row" class="table-row"><span>Asia Pacific</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row"><span>Asia Pacific</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
<tr>
<th scope="row" class="table-row"><span>Asia Pacific</span></th>
<td>648</td>
<td>682</td>
<td>622</td>
<td>648</td>
<td>490</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
Thank you!