2526MicroUdL3.3.2-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.3_Assistencia_en_los_input/3.3.2-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://naturalclimb.es/contacto/
2.1.2. Código HTML:
Explicación del problema detectado:
Los campos del formulario adjunto no presentan etiquetas visibles ni programáticamente asociadas que identifiquen de forma clara su propósito, utilizándose únicamente el atributo placeholder como referencia visual. Esto supone un incumplimiento del criterio de accesibilidad, ya que dicho atributo desaparece al comenzar a introducir texto y no es anunciado de forma consistente por los lectores de pantalla.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas afectadas por este criterio son personas con discapacidad visual parcial, dificultades cognitivas, lectores de pantalla o usuarios sin experiencia, que pueden confundirse si no hay etiquetas claras. En el caso de las personas con baja visión, la desaparición del texto informativo (placeholder) al interactuar con el campo provoca una pérdida inmediata de la referencia visual, especialmente cuando se utilizan ampliadores de pantalla. Los usuarios con dificultades cognitivas pueden tener problemas para recordar qué información se solicita en cada campo una vez iniciado el proceso de cumplimentación, lo que incrementa la carga cognitiva y la probabilidad de cometer errores. Además, los usuarios de lectores de pantalla pueden no recibir una identificación clara del campo si esta depende únicamente del placeholder, ya que no siempre es anunciado o lo hace de forma poco fiable.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://dequeuniversity.com/contact?lang=es
2.2.2 Código HTML:
Explicación de la solución aplicada:
Este formulario es accesible porque todos los campos disponen de etiquetas visibles y persistentes que identifican de forma clara el propósito de cada campo, tanto antes como durante la introducción de datos. Esto garantiza que la información no desaparezca al escribir, a diferencia del uso exclusivo del atributo placeholder, y permite que todos los usuarios, incluidos aquellos con dificultades cognitivas o que utilizan lectores de pantalla, comprendan correctamente qué información se solicita en cada caso.
