Las listas permiten identificar grupos de elementos que tienen alguna relación entre sí, lo que ayuda a comprender la estructura de las páginas o de los contenidos. Los usuarios invidentes cuentan con herramientas que les permiten navegar por el contenido de las listas de una forma estructurada y más cómoda.
Los lectores de pantalla pueden reconocer una lista e informar a los usuarios de su presencia y del número de elementos que la componen. Si no identificas correctamente las listas, los usuarios de lectores de pantalla no reconocerán dónde empieza, no sabrán los elementos que la componen, ni sabrán dónde termina.
En HTML se distinguen tres tipos de lista:
- Lista no ordenada: conjunto de elementos relacionados entre sí para los que no se indica un orden o secuencia determinados.
- Lista ordenada: conjunto de elementos relacionados que se muestran siguiendo un orden determinado.
- Lista de definición: conjunto de elementos que están formados por términos y definiciones.
En la siguiente imagen puedes ver un ejemplo de dos botones para la generación de listas:
En tu gestor de contenidos tendrás unos botones similares. El botón de la izquierda se usa para crear listas no ordenadas. El botón de la derecha sirve para crear listas ordenadas.
Una limitación que presentan los gestores de contenidos a la hora de identificar enumeraciones de elementos como listas, es la falta de una funcionalidad que permita identificar las listas de definición. La lista de definición es utilizada con menor frecuencia, pero no por ello es menos importante. Por medio de este tipo de lista puedes definir estructuras de datos tales como glosarios, diccionarios de términos o listados de preguntas frecuentes.
En la siguiente imagen puedes ver el código de una lista de definición con un único elemento y el resultado visual que se obtiene:
En ocasiones se utilizan listados complejos en los que se desea reflejar una determinada jerarquía, resultando necesaria la inclusión de listas completas en los elementos de otra lista. Este tipo de listas se denominan listas anidadas y pueden contener cualquier tipo de lista en su interior. En este aspecto, una limitación frecuentemente existente en los gestores de contenidos es que no existe la posibilidad de anidar (mediante las funcionalidades de sangrado) listas de diferentes tipos (numeradas y no numeradas). Esto reduce el valor semántico del listado, pudiendo provocar dificultades de interpretación a determinados usuarios, por ejemplo, aquellos que hacen uso de lectores de pantalla.
En la siguiente imagen se muestran dos botones para realizar el sangrado en el anidamiento de listas:
Deberás verificar manualmente en tu página web que:
- Toda enumeración de elementos se encuentra identificada como lista.
- Las listas (y sus correspondientes listas anidadas) tienen una estructura correcta.
- No se simulan listas mediante medios distintos a las propias funcionalidades ofrecidas por los gestores de contenidos para el marcado de listas (por ejemplo, párrafos iniciados con guiones, imágenes para simular viñetas de listas, asteriscos o números).
- No se emplean listas con fines únicamente de presentación, por ejemplo, para dar sangría al texto.
- Todas las listas tienen uno o más elementos de lista.