25261.3.1-H-000

De WCAG Wiki
Revisión del 10:40 18 dic 2025 de 202526UPSA22 (discusión | contribs.) (Principio 1.3.1-H)
(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-H
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-H



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.boe.es/boe/dias/2024/01/02/

2.1.2. Código HTML:

No se ha proporcionado código.



Explicación del problema detectado:

Sección Departamento Título Referencia
II Ministerio de Asuntos Exteriores Resolución de 21 de diciembre de 2023 BOE-A-2024-87
II Ministerio de la Presidencia Orden de 22 de diciembre de 2023 BOE-A-2024-88

Indica a que personas con discapacidad afecta y explicación de las barreras que causa

La página del BOE presenta un listado de disposiciones con información estructurada que actúa como una tabla de datos. Sin embargo, no existe una asociación semántica explícita entre los encabezados y los datos mediante elementos de tabla (, scope o headers). Esto provoca que las tecnologías de apoyo no puedan identificar correctamente la relación entre los distintos campos de información, incumpliendo el subcriterio 1.3.1-H.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.ine.es/jaxiT3/Datos.htm?t=2853


2.2.2 Código HTML:

<thead> </thead> <tbody> </tbody>
Población por sexo y edad
Edad Hombres Mujeres
0-14 3.200.000 3.100.000
15-64 16.500.000 16.800.000
65+ 4.200.000 5.000.000



Explicación de la solución aplicada:

Este es un ejemplo accesible porque la tabla utiliza correctamente celdas de encabezado () para identificar tanto las columnas como las filas. Los atributos scope="col" y scope="row" permiten asociar explícitamente cada celda de datos con su encabezado correspondiente, facilitando que los lectores de pantalla interpreten correctamente la estructura y el contenido de la tabla. De esta forma, se cumple el subcriterio 1.3.1-H de las WCAG.