Índice del Curso Página de inicio del manual Tabla de contenidos de las directrices Tabla de contenidos de los puntos de verificación Tabla de contenidos de los ejemplos Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

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

Prioridad 1

Una vez creada la tabla, deberá seguir el siguiente procedimiento para la asociación de las celdas de datos y de encabezado:

  1. Seleccione ("pinte") la tabla con el botón primario del ratón.
  2. Desde la Vista Página, haga clic en la ficha HTML Ficha  Código fuente HTML.
  3. Habiendo seleccionado previamente la tabla, aparecerá de un color resaltado las líneas del código HTML donde se encuentra. Siguiendo con el ejemplo dado, tendrá una tabla como ésta:
  4. Ahora deberá buscar las etiquetas <TD> y <TH> a los que deberá agregar los atributos id, headers y scope de la siguiente manera:
    <TABLE cellpadding="4" border="1">
      <TR> 
        <th>
          <span id="cont_">Continente</span>/
          <span id="pais_">Pa&iacute;s</span></th>
        <th scope="column">Población 
          (cantidad de habitantes)</th>
        <th scope="column">Porcentaje 
          (de la población mundial)</th>
      </TR>
      <TR>
        <th headers="cont_" scope="rowgroup">Asia</th>
        <TD></TD>
        <TD></TD>
      </TR>
      <TR> 
        <TD headers="pais_" scope="row">China</TD>
        <TD>1.256.167.701</TD>
        <TD>20,5%</TD>
      </TR>
        <TR> 
        <TD headers="pais_" scope="row">India</TD>
        <TD align="center">1.017.645.163 </TD>
          <TD align="center">16,6%</TD>
      </TR>
    
    (...sigue la tabla...)
    
    </TABLE>

Volver a ejemplos del punto Volver a ejemplos del punto 5.2

Autores

24 de 70 Previa

Copyright © sidar 1997-2002. Este Curso de Diseño Accesible ha sido desarrollado especialmente por la Fundación sidar para Microsoft España.