5.2 Utilizar marcadores para asociar las celdas de datos con las celdas de encabezado

A medida que la estructura de una tabla de datos se hace más compleja resulta más difícil para los usuarios de ayudas técnicas entender el significado de la información.

Los navegadores visuales permiten comprender de un vistazo toda la conformación de una tabla con sólo ver cómo se relacionan las columnas y filas entre sí. Los lectores de pantalla, en cambio, deben leer las celdas de la tabla individualmente, con lo cual se hace muy difícil no perder la orientación.

En HTML es posible especificar qué celda proporciona el encabezado correspondiente a una determinada celda de datos mediante el atributo "headers". Para ello, se debe dar previamente un nombre a cada celda de encabezado por medio del atributo "id".

	África	América	Asia	Europa	Oceanía
Superficie (en millones de km2)	30	41	43	10	7,6
Población (en miles de habitantes)	858.584	853.245	3.797.112	727.192	31.080

<TABLE border=1>
    <TR> 
      <TH></TH>
      <TH id="c1">África</TH>
      <TH id="c2">América</TH>
      <TH id="c3">Asia</TH>
      <TH id="c4">Europa</TH>
      <TH id="c5">Oceanía</TH>
    </TR>
    <TR> 
      <TH>Superficie (en millones de km2)</TH>
      <TD headers="c1">30</TD>
      <TD headers="c2">41</TD>
      <TD headers="c3">43</TD>
      <TD headers="c4">10</TD>
      <TD headers="c5">7,6</TD>
    </TR>
    <TR> 
      <TH>Población (en miles de habitantes)</TH>
      <TD headers="c1">858.584</TD>
      <TD headers="c2">853.245</TD>
      <TD headers="c3">3.797.112</TD>
      <TD headers="c4">727.192</TD>
      <TD headers="c5">31.080</TD>
    </TR>
</TABLE>

Continúa en la página siguiente
Volver al punto de verificación 5.2