En esta cuarta actividad se trata de mostrar Tablas de datos y formularios XHTML válidos y accesibles
Menú de contenido:
| Col 1 | Col 2 | Col 3 | Col 4 | Col 5 | Col 6 | Col 7 |
|---|---|---|---|---|---|---|
| Row 2 | No Data | - | - | - | - | - |
| No data | r2 r3 c2 | r2 r3 c3 | No Data | r2 r3 c5 | r2 r3 c6 | r2 r3 c7 |
| Row 4 | r4 c2 | r4 c3 | r4 c4 | - | - | - |
| Row 5 | c2 r5 | c3 r5 | c4 r5 | c5 r5 | - | - |
| No Data | - | |||||
| Row 7 | r7 c2 | r7 c3 | r7 c4 |
Código fuente:
<table width="100%" border="1" summary="Ejemplo de una tabla de datos XHTML válida y accesible">
<caption>
Ejemplo de una tabla de datos accesible
</caption>
<tbody>
<tr>
<th id="c1">Col 1</th>
<th id="c2">Col 2</th>
<th id="c3">Col 3</th>
<th id="c4">Col 4</th>
<th id="c5">Col 5</th>
<th id="c6">Col 6</th>
<th id="c7">Col 7</th>
</tr>
<tr>
<th id="r2">Row 2</th>
<td headers="r2 c2">No Data</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td id="r3">No data</td>
<td headers="r2 r3 c2">r2 r3 c2</td>
<td headers="r2 r3 c3">r2 r3 c3</td>
<td>No Data</td>
<td headers="r2 r3 c5">r2 r3 c5</td>
<td headers="r2 r3 c6">r2 r3 c6</td>
<td headers="r2 r3 c7">r2 r3 c7</td>
</tr>
<tr>
<th id="r4">Row 4</th>
<td headers="r4 c2">r4 c2</td>
<td headers="r4 c3">r4 c3</td>
<td headers="r4 c4">r4 c4</td>
<td headers="r4 c5">-</td>
<td headers="r4 c6">-</td>
<td headers="r4 c7">-</td>
</tr>
<tr>
<th id="r5">Row 5</th>
<td headers="c2 r5">c2 r5</td>
<td headers="c3 r5">c3 r5</td>
<td headers="c4 r5">c4 r5</td>
<td headers="c5 r5">c5 r5</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td id="r6">No Data</td>
<td>-</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th id="r7">Row 7</th>
<td headers="r7 c2">r7 c2</td>
<td headers="r7 c3">r7 c3</td>
<td headers="r7 c4">r7 c4</td>
<td headers="r7 c5"></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
Índice de contenidos | Subir
Evolución de las Pautas de Accesibilidad al Contenido en la Web del W3C. [pdf]
Creative Commons 2.5
Por Jesús Quintana - www.quinti.net