Diseño web en los Cabos
Listas Puntos de verificación en esta sección:
3.6 Marque correctamente las listas y los ítems de las listas. [Prioridad 2]
Diseño web en los Cabos Los elementos de listado HTML DL, UL y OL deberían ser usados únicamente para crear listas, no para formatear efectos tales como sangría. Consulte la información sobre CSS y tablas para disposición de página en el documento sobre Técnicas CSS [WCAG10CSS-TECHNIQUES]. Las listas ordenadas ayudan a navegar a los usuarios no videntes. Los usuarios no visuales pueden “sentirse perdidos” en las listas, especialmente en las anidadas y aquellas que no especifican el nivel de anidamiento para cada ítem de la lista. Hasta que las aplicaciones de usuario proporcionen un medio para identificar claramente el contexto dentro de una lista (por ejemplo, soportando el pseudo-elemento “:before” en CSS2), los desarrolladores de contenido deberían incluir pistas contextuales en sus listas. Para listas numeradas, los números compuestos son más informativos que los simples. Así, una lista numerada «1, 1.1, 1.2, 1.2.1, 1.3, 2, 2.1, …» proporciona más contexto que la misma lista sin números compuestos, la cual se formatearía así:diseño web en Baja California Sur
diseño web en la Paz 1. 1. 2. 1. 3. 2. 1. y sería narrada como «1, 1, 2, 1, 3, 2, 1», sin aportar información sobre la profundidad dentro de la lista. [CSS1] y [CSS2] permiten a los usuarios controlar los estilos de números (para todos los tipos de lista, no sólo las ordenadas) mediante las hojas de estilo del usuario. Ejemplo La siguiente hoja de estilo CSS2 muestra cómo especificar números compuestos para listas anidadas creadas tanto con elementos UL como OL. Los ítems están numerados como «1», «1.1», , «1.1.1», etc.Diseño web en los Cabos
<STYLE type=»text/css»>
UL,
OL { counter-reset: item }
LI { display: block } LI:before { content: counters(item, «.»); counter-increment: item }
</STYLE>
Hasta que CSS2 sea ampliamente soportado o las aplicaciones de usuario permitan al usuario controlar la interpretación de las listas a través de otros medios, los autores deberían considerar el proporcionar pistas contextuales en las listas anidadas no numeradas. Los usuarios no videntes pueden tener dificultades para saber dónde está el comienzo y el fin de una lista y dónde comienza cada ítem de la misma. Por ejemplo, si un apartado de la lista envuelve a la siguiente línea en la pantalla, puede parecer ser dos ítems separados en la lista. Esto puede suponer un problema para los lectores de pantalla de anteriores generaciones.diseño web