Gestión de contenidos Web XHTML Válidos y Accesibles

En esta cuarta actividad se trata de mostrar Tablas de datos y formularios XHTML válidos y accesibles

Menú de contenido:

Tablas de datos y formularios XHTML válidos y accesibles.

Ejemplo de una tabla de datos accesible
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>

Formularios accesibles

Datos de Contacto

:


Í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

Valid XHTML 1.0 Strict