2526UPSA1.3.1-C-000
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-C
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:
<h1>Guía para solicitar una beca</h1>
<h3>Requisitos</h3>
<p>Requisitos generales para solicitar la beca.</p>
<h2>Documentación</h2>
<p>DNI, expediente y carta de motivación.</p>
<h4>Pasos</h4>
<p>Rellenar formulario y enviar.</p>
<h1>Contacto</h1>
<p>becas@universidad.es</p>
Explicación del problema detectado:
La jerarquía de encabezados no es coherente: se salta de h1 a h3, luego aparece un h2 fuera de orden y se usa un segundo h1 como si fuera otro título principal. La estructura de encabezados no refleja la organización lógica del contenido.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Afecta sobre todo a usuarios de lector de pantalla y a quienes navegan por la página usando la lista de encabezados (también a personas con dificultades cognitivas que necesitan estructura clara). La barrera es que los títulos no representan bien las secciones reales, se pierde orientación y cuesta encontrar información.
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:
<h1>Guía para solicitar una beca</h1>
<h2>Requisitos</h2>
<p>Requisitos generales para solicitar la beca.</p>
<h2>Documentación</h2>
<p>DNI, expediente y carta de motivación.</p>
<h2>Pasos del proceso</h2>
<h3>1. Rellenar solicitud</h3>
<p>Completar datos personales.</p>
<h3>2. Enviar</h3>
<p>Revisar y enviar el formulario.</p>
<h2>Contacto</h2>
<p>becas@universidad.es</p>
Explicación de la solución aplicada:
La estructura es coherente: hay un único h1 y las secciones principales están en h2, con subsecciones en h3 cuando corresponde. La jerarquía refleja la estructura lógica del contenido y se puede navegar correctamente por encabezados.
