Curso de Acessibilidade Web - MAQ.

Tabela Acessível.

Utilizando id e headers.

Tabela de teste.
Aluno Matrícula Sexo Português Matemática Ciências Inglês
Média 09 08 07 07
Valdenito 2424 ? ? ? 08 09 09 04
Diniz 2525 Masculino 9 9 3 10
Fabrícia 2526 Feminino 8 9 10 5
Ana Paula 2527 Feminino 9 10 3 9
Jean 2528 Masculino 10 10 07 09
Ivo 2529 Masculino 09 09 02 09

Código da tabela.

<div class="centro">
<table summary="Tabela do curso de acessibilidade web.">
<caption>Culpa do Diniz.</caption>
<thead>
<tr>
<th id="aluno">Aluno</th>
<th id="matricula">Matrícula</th>
<th id="sexo">Sexo</th>
<th id="port">Português</th>
<th id="mat">Matemática</th>
<th id="cie">Ciências</th>
<th id="Ing">Inglês</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="3" id="media">Média</th>
<td headers="media port">09</td>
<td headers="media mat">08</td>
<td headers="media cie">07</td>
<td headers="media ing">07</td>
</tr>
</tfoot>
<tbody>
<tr>
<th id="denito" headers="aluno">Valdenito</th>
<td headers="denito matricula">2424</td>
<td headers="denito sexo">? ? ?</td>
<td headers="denito port">08</td>
<td headers="denito mat">09</td>
<td headers="denito cie">09</td>
<td headers="denito ing">04</td>
</tr>
<tr>
<th id="diniz" headers="aluno">Diniz</th>
<td headers="diniz matricula">2525</td>
<td headers="diniz sexo">Masculino</td>
<td headers="diniz port">09</td>
<td headers="diniz mat">09</td>
<td headers="diniz cie">03</td>
<td headers="diniz ing">10</td>
</tr>
<tr>
<th id="fabri" headers="aluno">Fabrícia</th>
<td headers="fabri matricula">2526</td>
<td headers="fabri sexo">Feminino</td>
<td headers="fabri port">08</td>
<td headers="fabri mat">09</td>
<td headers="fabri cie">10</td>
<td headers="fabri ing">05</td>
</tr>
<tr>
<th id="ana" headers="aluno">Ana Paula</th>
<td headers="ana matricula">2527</td>
<td headers="ana sexo">Feminino</td>
<td headers="ana port">09</td>
<td headers="ana mat">10</td>
<td headers="ana cie">03</td>
<td headers="ana ing">09</td>
</tr>
<tr>
<th id="jean" headers="aluno">Jean</th>
<td headers="jean matricula">2528</td>
<td headers="jean sexo">Masculino</td>
<td headers="jean port">10</td>
<td headers="jean mat">10</td>
<td headers="jean cie">07</td>
<td headers="jean ing">09</td>
</tr>
<tr>
<th id="ivo" headers="aluno">Ivo</th>
<td headers="ivo matricula">2529</td>
<td headers="ivo sexo">Masculino</td>
<td headers="ivo port">09</td>
<td headers="ivo mat">09</td>
<td headers="ivo cie">02</td>
<td headers="ivo ing">09</td>
</tr>
</tbody>
</table>
</div>