Problema recurrente de accesibilidad y seguridad. Botón mostrar contraseña sin nombre accesible.
Los botones para mostrar contraseña son muy recomendables:
- Reducen errores al escribir, ya que puedes verificar lo que has escrito, por ejemplo, que no tenías activadas las mayúsculas sin querer, o que no te has equivocado al teclear. Es especialmente útil en móvil, donde es más fácil equivocarse.
- Reduce el número de intentos fallidos y, por tanto, la posibilidad de bloquear la cuenta.
- Reduce la carga cognitiva y el estrés de recordar una contraseña compleja mientras la escribes a ciegas.
- Das el control a la persona, que puede decidir ver la contraseña o no, y esto genera confianza.
Sin embargo, si el botón para mostrar la contraseña no es accesible, puede generar un problema de seguridad.
Me encuentro muy a menudo con que este botón no tiene un nombre accesible, en consecuencia, el lector solo anuncia "botón".
En estos casos, como he comprobado en directo en algún test con personas usuarias, una persona con discapacidad visual que accede con un lector de pantalla puede pensar que es el botón del formulario, cuando lo que está haciendo realmente es revelarnos su contraseña.
Es verdad que los lectores de pantalla empiezan ya a proponer nombres para botones sin etiquetar, pero puedes tener activa o no dicha opción, o el nombre propuesto puede ser correcto o no... así que mejor etiqueta tú los componentes.
Por otra parte, que en determinado framework o librería este botón venga sin etiquetar tampoco es excusa, la responsabilidad última de la accesibilidad y la seguridad de tu web o app es tuya.
Por último, cuando lo pulses, comprueba que cambia su nombre o su estado, pero mejor que no sean las dos cosas:
- O bien su nombre es "Mostrar contraseña" y cambia dinámicamente a "Ocultar contraseña".
- O bien su nombre es siempre "Mostrar contraseña" con estado pressed/no pressed. Puedes consultar Button Examples (IDL Version), W3C.
Artículo relacionado:





