Criterios de Perceptible
PerceptiblePauta 1.3 Adaptable
1.3.5Identificar el propósito de la entrada
Nivel AALo exige la normativa (EN 301 549).
Qué pide
Los campos con datos personales indican su propósito en el código (autocomplete) para que el navegador los rellene.
A quién ayuda: Personas con dificultades motoras, de memoria o cognitivas.
Un caso real
El formulario de envío de una tienda pide nombre, email y dirección.
BienLos campos tienen autocomplete="name", "email", "street-address".
MalEl navegador no puede autocompletar porque los campos no lo indican.
Cómo aplicarlo en código
Atributo autocomplete en los datos personales
Con autocomplete el navegador rellena los datos y algunas herramientas muestran iconos que ayudan a entender cada campo.
<label for="nombre">Nombre y apellidos</label>
<input id="nombre" name="nombre" autocomplete="name">
<label for="email">Correo electrónico</label>
<input id="email" name="email" type="email" autocomplete="email">
<label for="tel">Teléfono</label>
<input id="tel" name="tel" type="tel" autocomplete="tel">
<label for="cp">Código postal</label>
<input id="cp" name="cp" autocomplete="postal-code" inputmode="numeric"><input name="campo1" placeholder="Nombre" autocomplete="off">
<input name="campo2" placeholder="Email" autocomplete="off">Cómo comprobarlo
Revisa el código de los campos personales o prueba el autocompletado del navegador.