2526UPSA1.3.1-L

Edición de la página como formulario

Editar con formulario

1. Información básica

Id del criterio: 1.3.1 - Información y relaciones (Nivel: A)

Título del subcriterio: 1.3.1-L

Universidad participante: UPSA

Curso académico: 2025-26

1.3.1-L

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-L

---

2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.luciademedrano.es/

2.1.2. Código HTML:

No se ha proporcionado código.

Explicación del problema detectado:

La página emplea tablas HTML únicamente para organizar y ubicar visualmente el contenido de la misma. No obstante, estas tablas incluyen marcado semántico característico de las tablas de datos. Por ejemplo, emplean elementos y el atributo scope para definir relaciones semánticas entre filas y columnas.

Cuando se usa una tabla solamente para el diseño visual, la incorporación de este marcado semántico hace que las tecnologías de asistencia malinterpreten la estructura como una tabla de datos, aunque en realidad no haya una relación tabular entre los datos. Esto infringe el criterio 1.3.1-L, que dice que las tablas de maquetación no pueden usar atributos ni elementos de las tablas de datos.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta principalmente a personas con discapacidad visual que utilizan lectores de pantalla, así como a personas con sordoceguera que acceden al contenido mediante tecnologías de asistencia.

---

2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.upsa.es/oferta-academica/grado-en-ingenieria-informatica

2.2.2 Código HTML:

No se ha proporcionado código.

Explicación de la solución aplicada:

La página organiza su contenido mediante el uso de métodos de maquetación actuales basados en CSS, como por ejemplo filas, columnas y contenedores; se evita la utilización de tablas HTML para propósitos estéticos. Por lo tanto, la organización de los contenidos se lleva a cabo a través de componentes semánticamente neutros (como listas, elementos de navegación y

), que no establecen relaciones de datos que no existen.

---