2526UdL1.3.5- 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_1/1.3_Adaptable/1.3.5-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://venta.renfe.com/vol/loginParticular.do
2.1.2. Código HTML:
<input tabindex="0" id="num_tarjeta" type="text" name="userId" required="required" placeholder=" " class="floating-input form-step-field" value="">
Explicación del problema detectado:
El campo solicita el usuario o email, pero no incluye el atributo autocomplete="username" ni autocomplete="email".
Aunque el campo tiene un id, el navegador no recibe la instrucción técnica estandarizada (WCAG) para identificar que debe rellenar los datos personales del usuario.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Carga cognitiva: Obliga al usuario a recordar y escribir manualmente datos largos o complejos, lo que facilita que se equivoque y tenga que empezar de nuevo.
Dificultad motora: Los usuarios que usan teclados adaptados o tienen movilidad reducida pierden la ventaja del rellenado rápido, teniendo que realizar un esfuerzo físico mucho mayor
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.netflix.com/es/login
2.2.2 Código HTML:
<input type="text" autocomplete="email"
Explicación de la solución aplicada:
Es accesible porque el atributo autocomplete="email" permite que el navegador identifique programáticamente el propósito del campo y ayude al usuario a completarlo sin esfuerzo adicional.
