Í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

Cuando se necesita mostrar información tabular, el código HTML dispone de la marca <table> con sus elementos y atributos relacionados (<tr>, <td>, <caption>, etcétera). Debe evitarse utilizar otros elementos, como <pre> u hojas de estilo para conseguir un formato de tabla debido a que se dificulta la comprensión por parte de los usuarios de ayudas técnicas como lectores y magnificadores de pantalla.

Este es el título de la siguiente tabla
Encabezado de la columna 1 Encabezado de la columna 2
Encabezado de la fila 1 Columna 1 - Fila 1 Columna 2 - Fila 1
Encabezado de la fila 2 Columna 1 - Fila 2 Columna 2 - Fila 2
 <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>

Dreamweaver Procedimiento con Dreamweaver.
Volver al punto de verificación Volver al punto de verificación 5.1

Autores

27 de 76 Previa

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