Í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.4 No utilizar marcado estructural para conseguir un efecto visual

Prioridad 2

El uso de tablas para dar ubicación en la página a gráficos y textos es una práctica que resultará innecesaria una vez que las propiedades de los estilos en cascada sean admitidos por todos los navegadores.

Si se utiliza una tabla para maquetar, debe evitarse el uso de elementos estructurales de esa tabla para dar formato al texto. Por ejemplo, los encabezados de tabla, que se identifican con la marca <th>, deben utilizarse para identificar un encabezado, no para poner el texto en negritas.

Encabezado 1 Encabezado 2
Mal:
esta es una celda de datos pero está marcada como encabezado (<th>) para poner el texto en negritas.
Bien:
esta es otra celda de datos con texto en negritas, pero correctamente marcada (<td>) .

Este es el código del ejemplo:

<table>
  <tr>
    <th>Encabezado 1</th>
    <th>Encabezado 2</th>
  </tr>
  <tr>
    <th>Mal: esta es una celda de datos 
    pero está marcada como encabezado (<th>)
    para poner el texto en negritas.</th>
    <td><div style="font-weight:bold">Bien:
    esta es otra celda de datos con texto en
    negritas, pero correctamente marcada (<td>).
    </div></td>
  </tr>
</table>

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

Autores

31 de 76 Previa

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