2526UFV1.3.1-G-001

De WCAG Wiki
Revisión del 16:13 2 dic 2025 de 202526UFV22 (discusión | contribs.) (Página creada con «{{ActividadWCAG |id_criterio=1.3.1 - Información y relaciones (Nivel: A) |id_subcriterio=1.3.1-G |id_universidad=UFV |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-G |noa_barrera_evidencia_html=<nowiki> <body> <h1>Horario de autobuses Madrid — Línea 42</h1> <table> <tr> <td></td> <td>Lunes a viernes</td> <td>Sábados</td> </tr> <tr> <td>Parada A</td> <td>08:00</td>…»)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

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: UFV
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:

<body> <h1>Horario de autobuses Madrid — Línea 42</h1> <table> <tr> <td></td> <td>Lunes a viernes</td> <td>Sábados</td> </tr> <tr> <td>Parada A</td> <td>08:00</td> <td>09:00</td> </tr> <tr> <td>Parada B</td> <td>08:15</td> <td>09:15</td> </tr> </table> </body>



Explicación del problema detectado:

Cuando una tabla utiliza solo (o cuando cabezas y datos no están marcados adecuadamente), la estructura semántica (es decir, qué celdas son encabezados y qué celdas son datos) no está definida en el código HTML. Esa ambigüedad impide que tecnologías asistidas (lectores de pantalla, dispositivos braille, etc.) determinen la relación entre encabezados y datos. En consecuencia, el contenido se vuelve difícil o imposible de comprender cuando no se accede visualmente. Esto supone una violación de la 
obligación de hacer “programáticamente determinables” las relaciones de la información.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas ciegas o con baja visión que usan lectores de pantalla: no podrán asociar los datos con su contexto (fila/columna), por lo que la tabla pierde su sentido.

Personas con discapacidad cognitiva: pueden necesitar una navegación estructurada; sin encabezados semánticos la lectura se vuelve caótica.

Personas que usan modos alternativos de presentación (texto plano, braille, etc.): la organización de la tabla queda perdida sin el marcado semántico.

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:

<body> <h1>Horario de autobuses Madrid — Línea 42</h1> <table> <caption>Horarios de paso por parada para la Línea 42</caption> <thead> <tr> <th scope="col"></th> <th scope="col">Lunes a viernes</th> <th scope="col">Sábados</th> </tr> </thead> <tbody> <tr> <th scope="row">Parada A</th> <td>08:00</td> <td>09:00</td> </tr> <tr> <th scope="row">Parada B</th> <td>08:15</td> <td>09:15</td> </tr> </tbody> </table> </body>



Explicación de la solución aplicada:

Utilizar para marcar las celdas que funcionan como encabezados, no solo .

Asignar el atributo scope adecuado ("col" o "row") para clarificar la orientación del encabezado.

Si la tabla es de datos (no meramente de diseño), incluir un descriptivo (especialmente útil en tablas complejas). Si la tabla es muy compleja (encabezados múltiples, agrupaciones de filas/columnas), asegurarse de que las asociaciones entre celdas de datos y sus encabezados sean programáticas(usando id/headers si fuera necesario).





Obtenido de «https://wikiwcag.udl.cat/index.php?title=2526UFV1.3.1-G-001&oldid=3801»