Uso de tablas

Procure usar tablas unicamente para mostrar datos tabulados, como estadísticas, informes, etc.

Tablas de datos

En las tablas de datos, identifique los encabezamientos de fila y columna. Para las tablas de datos que tienen dos o más niveles lógicos de encabezamientos de fila o columna, utilice marcadores para asociar las celdas de encabezamiento y las celdas de datos.

Evite, en la medida de lo posible, emplear tablas para la maquetación y/o estructuración de las páginas. Si no fuera posible evitar su uso, es obligatorio proporcionar información de accesibilidad a estos elementos, con el uso de los tags (etiquetas) adecuados como son Summary y/o title y el uso de CSS para darles formato. Evite usar las etiquetas border, cellpading y celspacing pues su uso está deshechado en los estándares de accesibilidad, en su lugar use las propiedades correspondientes de CSS.

Por ejemplo:

[...]<table width="95%" title="Tabla de Archivos Multimedia"
summary="Tabla con la relaci&oacute;n de Archivos Multimedia clasificados por Categor&iacute;a, fecha y tipo de archivo (audio, video e im&aacute;gen)">

<tr align="right">
<td colspan="4">
<h6>Leyenda &gt;&gt; <img src="images/ch_video.gif" alt="Archivo de Video" width="28" height="37" align="absmiddle" /> Video <img src="images/ch_audio.gif" alt="Archivo de Audio" width="26" height="37" align="absmiddle" /> Audio <a href="#"><img src="images/ch_imagen.gif" alt="Archivo de Imagen" width="33" height="37" align="absmiddle" /></a> Imagen <a href="#"><img src="images/ch_general.gif" alt="Archivo general" width="29" height="37" align="absmiddle" /></a> General
</h6></td>
</tr>
<tr>
<td colspan="4">&nbsp;</td>
</tr>
<tr class="ficha">
<th>Tipo</th>
<th>Nombre</th>
<th width="60" nowrap="nowrap">Fecha</th>
<th width="80" nowrap="nowrap">Acci&oacute;n</th>
</tr> [...]


siguiente