Í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.1 Identificar los encabezados de fila y columna en las tablas de datos

Prioridad 1

Una vez creada la tabla, deberá seguir el siguiente procedimiento para colocar los títulos de la tabla, de las filas y las columnas:

  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. Dentro de la misma, busque la primer línea, donde aparece el elemento TABLE:
    <TABLE border=1>
  4. Tras la línea de TABLE, agregue el elemento caption de la forma en que se muestra a continuación:
    <TABLE border=1>
       <CAPTION>Este es el título de la siguiente tabla</CAPTION>
       ...
    </TABLE>
  5. En el caso de los títulos de las filas y columnas, deberá buscar las etiquetas <TD> que contienen título de filas o columnas (es decir, que modificará por <TH>). Siguiendo con el ejemplo, si tiene la siguiente tabla:
     <TABLE border=1>
       <CAPTION>Este es el título de la siguiente tabla</CAPTION>
       <TR>
       <TD></TD>
       <TD>Encabezado de la columna 1</TD>
       <TD>Encabezado de la columna 2</TD>
       </TR>
       <TR>
       <TD>Encabezado de la fila 1</TD>
       <TD>Columna 1 - Fila 1</TD>
       <TD>Columna 2 - Fila 1</TD>
       </TR>
       <TR>
       <TD>Encabezado de la fila 2</TD>
       <TD>Columna 1 - Fila 2</TD>
       <TD>Columna 2 - Fila 2</TD>
       </TR>
    </TABLE>
  6. Deberá hacer los siguientes cambios:
 <TABLE border=1>
   <CAPTION>Este es el título de la siguiente tabla</CAPTION>
   <TR>
   <TD></TD>
   <TH>Encabezado de la columna 1</TH>
   <TH>Encabezado de la columna 2</TH>
   </TR>
   <TR>
   <TH>Encabezado de la fila 1</TH>
   <TD>Columna 1 - Fila 1</TD>
   <TD>Columna 2 - Fila 1</TD>
   </TR>
   <TR>
   <TH>Encabezado de la fila 2</TH>
   <TD>Columna 1 - Fila 2</TD>
   <TD>Columna 2 - Fila 2</TD>
   </TR>
</TABLE>

Volver a ejemplos del punto Volver a ejemplos del punto 5.1

Autores

23 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.