H100Proporcionar campos de correo electrónico y contraseña correctamente marcados

Aplicabilidad

Tecnologías que admiten autenticación.

Descripción

El objetivo de esta técnica es ofrecer ejemplos de campos de correo electrónico y contraseña correctamente marcados. La técnica consiste en proporcionar un mecanismo de formulario en el que el usuario pueda introducir su dirección de correo electrónico y su contraseña para iniciar sesión en el sitio web.

Los navegadores y los gestores de contraseñas suelen utilizar el nombre accesible del campo para determinar cómo rellenarlo. No se debe impedir que el agente de usuario (incluidos los gestores de contraseñas) rellene los campos, ni tampoco que el usuario pegue el contenido.

Ejemplos

<form method="post" action="login">
  <div>
    <label for="email">Email</label>
    <input autocomplete="email" id="email" type="email" ...>
  </div>
  <div>
    <label for="password">Password</label>
    <input autocomplete="current-password" id="password" type="password" ...>
  </div>
    <input type="submit" value="Login">
  </div>
</form>

Pruebas

Recursos

• Bureau of Internet Accessibility: How To Make Your Website's Authentication Process Accessible (cómo hacer accesible el proceso de autenticación de su sitio web)