Í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 Tabla de contenidos de procedimiento de aplicación 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. Haga clic en el botón Show Code and Design Views Imagen del botón Show Code and Design Views.
  3. O haga clic en el menú View y seleccione Code and Design del mismo.
  4. 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>
  5. 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>
  6. 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>
  7. 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 por la Fundación sidar.