Principio 1/1.3 Adaptable/1.3.1-D

De WCAG Wiki

1.3.1-D. Listas estructuradas

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • El contenido que se muestra como un listado de elementos relacionados entre sí (incluyendo los enlaces de menús y barras de navegación) se debe marcar con los elementos adecuados de lista (
      para listas ordenadas,
        para listas desordenadas y
        ,
        y
        para listas de términos y definiciones).

Comprensión del criterio

Descripción resumida

Los conjuntos de elementos relacionados deben marcarse con etiquetas de lista semánticas (<ul>, <ol>, <dl>). Esto incluye menús, barras de navegación y cualquier agrupación de enlaces o ítems relacionados.

Objetivo

Permitir que las tecnologías de apoyo detecten que se trata de una lista, comunicar cuántos elementos contiene y facilitar la navegación estructurada por el contenido.

Importancia de cumplir el criterio

Si se representan listas solo mediante estilo visual (guiones, saltos, iconos) sin semántica HTML, los usuarios de lectores de pantalla no pueden percibir relaciones ni navegar rápidamente entre los elementos. Las etiquetas de lista permiten identificar grupos de elementos y mejorar la comprensión y escaneo del contenido.

Referencias WCAG

  • H48: Using <ol>, <ul> and <dl> for lists or groups of links

Recursos de apoyo

  • En PDFs, usar etiquetas L y LI para listas accesibles
  • El uso de listas facilita lectura y comprensión
  • Menús y colecciones de enlaces deben marcarse como listas

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

  1. En WAVE, seleccionar “Details – Structural elements”.
  2. Verificar que elementos agrupados aparezcan como listas ordenadas o desordenadas.
  3. Comprobar que no existan listas visuales creadas solo con estilo, iconos o saltos de línea.

Resultado esperado

Los elementos relacionados se marcan correctamente con etiquetas de lista (<ul>, <ol>, <dl>) y no se utilizan únicamente para estilo.

Ejemplo ilustrativo

Ejemplo correcto: 
<ul>
 <li>Inicio</li>
 <li>Servicios</li>
 <li>Contacto</li>
</ul>

Ejemplo incorrecto: 

<p>- Inicio<br>- Servicios<br>- Contacto</p>


Otras herramientas de evaluación

  • WAVE
  • Inspección del navegador










Ejemplos accesibles y no accesibles creados por alumnos

 Última modificación
2526UPSA1.3.1-A-00020 diciembre 2025 09:08:02


Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-D. Listas estructuradas

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable/1.3.1-D&oldid=3318»