Í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

3.6 Marcar correctamente las listas y los ítem de lista

Prioridad 2

El código HTML proporciona tres elementos para crear distintos tipos de listas:

  1. DL, para las listas de definiciones
  2. UL, para las listas sin ordenar
  3. OL, para las listas ordenadas (como ésta)

Estos elementos deben ser utilizados sólo para crear listas y no para conseguir efectos de composición como sangrías en el texto o cambios de estilo de la fuente. Tales efectos se consiguen fácilmente a través de las hojas de estilo sin desvirtuar el significado del sistema de marcas de la página.

Estos son algunos posibles estilos de listas y su correspondiente regla de estilo:

  1. DL, para las listas de definiciones
  2. UL, para las listas sin ordenar
  3. OL, para las listas ordenadas (como ésta)
/* Número romanos en mayúsculas */
list-style-type: upper-roman
  1. DL, para las listas de definiciones
  2. UL, para las listas sin ordenar
  3. OL, para las listas ordenadas (como ésta)
/* Orden alfabético en minúsculas */
list-style-type: lower-alpha
  • DL, para las listas de definiciones
  • UL, para las listas sin ordenar (como ésta)
  • OL, para las listas ordenadas 
/* Viñeta predeterminada (cuadrado) */
list-style-type: square
  • DL, para las listas de definiciones
  • UL, para las listas sin ordenar (como ésta)
  • OL, para las listas ordenadas 
/* Viñeta personalizada (imagen) */
list-style-image:url(lista2.gif)

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

Autores

 22 de 76 Previa

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