Saltar al contenido
Pon el foco
Criterios de Comprensible

ComprensiblePauta 3.3 Ayuda a la entrada

3.3.8Autenticación accesible (mínimo)

Nivel AANuevo en WCAG 2.2Lo exige la normativa (EN 301 549).

Qué pide

El inicio de sesión no exige pruebas cognitivas como recordar o transcribir, salvo que haya alternativa.

A quién ayuda: Personas con dislexia, problemas de memoria o discapacidad cognitiva.

Un caso real

El acceso a la banca online.

BienSe permite pegar la contraseña, usar el gestor de contraseñas o un enlace mágico.
MalSe bloquea el pegado en el campo de contraseña o se exige un CAPTCHA de texto distorsionado.

Cómo aplicarlo en código

Acceso compatible con gestores de contraseñas

No obligues a memorizar ni transcribir: permite pegar, usa autocomplete y ofrece alternativas como un enlace por correo o una llave de acceso.

CorrectoHTML
<label for="usuario">Correo electrónico</label>
<input id="usuario" type="email" autocomplete="username">

<label for="clave">Contraseña</label>
<input id="clave" type="password" autocomplete="current-password">

<label for="codigo">Código recibido por SMS</label>
<input id="codigo" inputmode="numeric" autocomplete="one-time-code">

<a href="/acceso-con-enlace">Entrar con un enlace por correo</a>
IncorrectoHTML
<input id="clave" type="password" autocomplete="off" onpaste="return false">
<!-- y un captcha de letras deformadas sin alternativa -->

Cómo comprobarlo

Prueba a pegar contraseñas y usar el gestor; revisa los CAPTCHA.

Understanding 3.3.8 (W3C, en inglés)