Diferencia entre revisiones de «2526UPSA1.3.1-G-000»
Página creada con «{{ActividadWCAG |id_criterio=1.3.1 - Información y relaciones (Nivel: A) |id_subcriterio=1.3.1-G |id_universidad=UPSA |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-G |noa_barrera_evidencia_html=<table> <tr> <td>Producto</td> <td>Precio</td> </tr> <tr> <td>Café</td> <td>2€</td> </tr> </table> |noa_barrera_explicacion=El código HTML presenta una tabla de datos en la que todas las celdas es…» |
Sin resumen de edición |
||
| Línea 5: | Línea 5: | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
|enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-G | |enlace=https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-G | ||
|noa_barrera_evidencia_html=<table> | |noa_barrera_evidencia_html=<nowiki> | ||
<table> | |||
<tr> | <tr> | ||
<td>Producto</td> | <td>Producto</td> | ||
| Línea 15: | Línea 16: | ||
</tr> | </tr> | ||
</table> | </table> | ||
</nowiki> | |||
|noa_barrera_explicacion=El código HTML presenta una tabla de datos en la que todas las celdas están marcadas con el elemento <td>, incluyendo aquellas que actúan visualmente como encabezados de columna. | |noa_barrera_explicacion=El código HTML presenta una tabla de datos en la que todas las celdas están marcadas con el elemento <td>, incluyendo aquellas que actúan visualmente como encabezados de columna. | ||
La ausencia de celdas de encabezado <th> impide identificar correctamente la relación entre los datos y sus encabezados, incumpliendo el criterio 1.3.1-G de las WCAG. | La ausencia de celdas de encabezado <th> impide identificar correctamente la relación entre los datos y sus encabezados, incumpliendo el criterio 1.3.1-G de las WCAG. | ||
Revisión actual - 20:25 20 dic 2025
Edición de la página como formulario
1. Información básica
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
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:
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:
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.
