Í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.6 Proporcionar abreviaturas para las etiquetas de los encabezamientos

Prioridad 3

Una vez creada la tabla, deberá seguir el siguiente procedimiento para darle etiquetas a los encabezamientos:

  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. Siguiendo con el ejemplo dado, tendrá una tabla como ésta:
    <TABLE>
      <TR> 
        <th id="c1">País</th>
        <th id="c2">Millones de habitantes</th>
        <th id="c3">Porcentaje de la población mundial</th>
      </TR>
      <TR> 
        <TD headers="c1">China</TD>
        <TD headers="c2">1.209</TD>
        <TD headers="c3">21,5</TD>
      </TR>
        ( ...sigue contenido de la tabla... )
    </TABLE>
  5. Ahora deberá agregar el elemento <abbr> de la siguiente manera:
    <TABLE>
      <TR> 
        <th id="c1">País</th>
        <th id="c2" abbr="habitantes">
            Millones de habitantes</th>
        <th id="c3" abbr="porcentaje">Porcentaje
            de la población mundial</th>
      </TR>
      <TR> 
        <TD headers="c1">China</TD>
        <TD headers="c2">1.209</TD>
        <TD headers="c3">21,5</TD>
      </TR>
        ( ...sigue contenido de la tabla... )
    </TABLE>

Volver a ejemplos del punto Volver a ejemplos del punto 5.6

Autores

28 de 70 Previa

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