2526UdL3.3.8-A-000

De WCAG Wiki

Edición de la página como formulario

1. Información básica

Id del criterio: 3.3.8 - Autenticación accessible (Nivel: AA)
Título del subcriterio: 3.3.8-A
Universidad participante: UdL
Curso académico: 2025-26

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.8-A#3.3.8-A._Autenticación_accesible



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
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:

<body>

Iniciar sesión

<form>

 Usuario:
 <input type="text">

 Contraseña:
 <input type="password">

Escribe estos caracteres:

A9X4Z
 <input type="text" placeholder="Escribe el código aquí">

 <button>Entrar</button>

</form>

</body>



Explicación del problema detectado:
Este sistema presenta un problema porque obliga a la persona a interpretar caracteres visuales distorsionados y copiarlos correctamente para poder continuar. Esto significa que el acceso depende de ver bien el contenido y de poder reconocerlo sin dificultad, lo que excluye a personas con discapacidad visual o que utilizan lectores de pantalla, ya que no existe una alternativa accesible.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Cuando se obliga a copiar caracteres distorsionados, el acceso depende de ver correctamente, reconocer letras deformadas y escribirlas sin error. Las personas con baja visión, ceguera o que utilizan lectores de pantalla no pueden percibir esa información si solo está presentada de forma visual. Si no hay alternativa, quedan directamente excluidas. También supone una exigencia cognitiva innecesaria. Requiere concentración, memoria a corto plazo y capacidad para interpretar caracteres poco claros. Para personas con dislexia, dificultades cognitivas, problemas de atención o fatiga, esta tarea puede resultar especialmente complicada.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.pullandbear.com/es/


2.2.2 Código HTML:

No se ha proporcionado código.



Explicación de la solución aplicada:
Esto es un método de inicio de sesión mediante Face ID para entrar en una tienda de ropa online. Es accesible porque no obliga a recordar ni escribir una contraseña compleja ni copiar caracteres difíciles. Permite iniciar sesión usando la cuenta de Apple del dispositivo, que puede funcionar con huella, reconocimiento facial o PIN. Esto reduce la carga mental y no depende solo de la memoria.