2526UPSA3.3.1-A-001
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_3/3.1_Le%C3%ADble/3.1.1-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:
<form>
<label>Fecha de nacimiento:</label>
<input type="text" value="20-dic-2000" style="border: 2px solid red;">
<span style="color: red;">¡Error!</span>
<button>Enviar</button>
</form>
Explicación del problema detectado:
El sistema detecta un error en el formulario, pero el mensaje que devuelve es genérico ("¡Error!") y se basa en un cambio de color (borde rojo). No se explica al usuario qué ha fallado exactamente ni cómo debe corregirlo (por ejemplo, qué formato de fecha se esperaba).
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Genera frustración y confusión. Un usuario ciego escuchará "Error", pero no sabrá por qué. Un usuario con problemas cognitivos no entenderá qué tiene que hacer para solucionarlo porque nadie le explica el formato correcto. Un usuario daltónico podría no percibir el borde rojo.
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:
<form>
<label for="fecha">Fecha de nacimiento:</label>
<input type="text" id="fecha" aria-describedby="error-fecha">
<div id="error-fecha" style="color: red; font-weight: bold;">
Error: La fecha introducida no es válida. Por favor, utiliza el formato DD/MM/AAAA (ejemplo: 20/12/2000).
</div>
<button>Enviar</button>
</form>
Explicación de la solución aplicada:
El mensaje de error es específico y descriptivo. No solo avisa de que hay un fallo, sino que explica la causa ("fecha no válida") y proporciona instrucciones claras sobre cómo corregirlo ("utiliza el formato DD/MM/AAAA"). Esto permite a cualquier usuario entender y solucionar el problema rápidamente.
La propiedad «Enlace» (como tipo de página) con el valor de entrada «https://wikiwcag.udl.cat/Principio_3/3.1_Le%C3%ADble/3.1.1-A» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
