2526UPSA1.3.1-G-000

De WCAG Wiki

Edición de la página como 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-G
Universidad participante: UPSA
Curso académico: 2025-26

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


2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen
No se ha subido ninguna imagen.

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<table> <tr> <td>Producto</td> <td>Precio</td> </tr> <tr> <td>Café</td> <td>2€</td> </tr> </table>



Explicación del problema detectado:

El código HTML presenta una tabla de datos en la que todas las celdas están marcadas con el elemento , incluyendo aquellas que actúan visualmente como encabezados de columna. La ausencia de celdas de encabezado impide identificar correctamente la relación entre los datos y sus encabezados, incumpliendo el criterio 1.3.1-G de las WCAG.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas usuarias de lectores de pantalla no reciben información contextual sobre los datos presentados en la tabla, ya que la tecnología de apoyo no puede anunciar los encabezados correspondientes a cada celda. Esta situación supone una barrera grave para personas con discapacidad visual total o sordoceguera, dificultando o impidiendo la correcta comprensión de la información tabular.

2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.


2.2.2 Código HTML:

<table> <tr> <th>Producto</th> <th>Precio</th> </tr> <tr> <td>Café</td> <td>2€</td> </tr> </table>



Explicación de la solución aplicada:

En este ejemplo, las celdas que funcionan como encabezados de columna están correctamente identificadas mediante el elemento , mientras que los datos se presentan utilizando .

Esta estructura permite que las tecnologías de apoyo reconozcan la tabla como un conjunto de datos relacionados y anuncien los encabezados correspondientes antes de cada celda de datos, proporcionando el contexto necesario. De este modo, el contenido cumple el criterio 1.3.1-G, facilitando la comprensión de la información tabular a personas que utilizan lectores de pantalla.





Obtenido de «https://wikiwcag.udl.cat/index.php?title=2526UPSA1.3.1-G-000&oldid=4118»