2526UPSA2.4.6-A-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_2/2.4_Navegable/2.4.6-A
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>Ayuda</h1>
<h2>Sección 1</h2>
<p>Aquí se explica cómo hacer una devolución.</p>
<h2>Sección 2</h2>
<p>Aquí se explica el tiempo de envío.</p>
<form>
<p>
<label for="dato">Dato</label>
<input id="dato" type="text">
</p>
<button type="button">Enviar</button>
</form>
Explicación del problema detectado:
Los encabezados son genéricos (“Sección 1”, “Sección 2”) y no describen el contenido real de cada bloque. Además, la etiqueta del campo (“Dato”) no indica qué información se espera. No ayudan a identificar tema o propósito.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Afecta a usuarios de lector de pantalla y a quienes navegan escaneando por encabezados/etiquetas. La barrera es que no pueden localizar rápido la información (devoluciones, envíos, etc.) y aumenta la probabilidad de errores al rellenar el formulario por etiquetas ambiguas.
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>Ayuda</h1>
<h2>Devoluciones</h2>
<p>Cómo devolver un producto, plazos y condiciones.</p>
<h2>Envíos</h2>
<p>Tiempos de entrega, costes y seguimiento del pedido.</p>
<form>
<p>
<label for="email">Correo electrónico</label>
<input id="email" type="email" autocomplete="email">
</p>
<button type="button">Suscribirse a avisos</button>
</form>
Explicación de la solución aplicada:
Los encabezados describen claramente el tema de cada sección (“Devoluciones”, “Envíos”), y las etiquetas de los campos indican el dato esperado (“Correo electrónico”). Esto facilita orientación y reduce errores al interactuar.
