Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Accesibilidad
¿Qué ventajas trae el atributo autocomplete en formularios web?
El atributo autocomplete le dice al navegador qué información espera un campo de formulario — por ejemplo, una dirección de correo electrónico o número de teléfono. El navegador puede rellenar automáticamente el campo con los datos guardados del visitante. Esto ayuda especialmente a personas con limitaciones motoras o cognitivas para las que escribir es difícil — y acelera sus formularios para todos los clientes.
Una palabra en el código que ahorra trabajo de escritura
Cuando un visitante abre su formulario de contacto, su navegador inicialmente no conoce sus campos. El atributo autocomplete cambia eso: si el campo de correo electrónico tiene la etiqueta «email», el navegador ofrece la dirección guardada con un clic. Para la mayoría de visitantes es conveniencia. Para personas con temblor, parálisis o trastornos de concentración, es la diferencia entre un formulario enviado y uno abandonado — cada entrada ahorrada es una fuente de error menos. Además, los programas de ayuda pueden evaluar la etiqueta y equipar los campos con símbolos comprensibles. El esfuerzo es mínimo: una palabra en el código por campo, agregada una sola vez por su agencia.
Así verifica nuestro núcleo de medición la etiqueta de propósito de entrada
Nuestra verificación automática recopila los campos de entrada visibles de su página y compara el tipo y nombre de campo con la etiqueta. Al hacerlo, juzga deliberadamente con cautela: solo en casos claramente identificables — un campo de correo electrónico, un campo de teléfono — una etiqueta faltante se considera incumplimiento comprobado que el informe documenta con el nombre del campo. Los campos para nombres, direcciones o códigos postales pueden significar algo diferente según el contexto — allí el informe no reporta incumplimiento, sino un punto de verificación manual. Los campos de búsqueda están excluidos porque no se trata de información personal. En el estándar oro, un verificador revisa los casos abiertos y decide.
Ejemplos
Abordar campos sin propósito
<input type="text" name="f1">
<input type="text" name="f2">
<input type="text" name="f3"><input type="text" name="vorname" autocomplete="given-name">
<input type="email" name="email" autocomplete="email">
<input type="text" name="plz" autocomplete="postal-code">Con autocompleto, el navegador llena los campos, y las utilidades pueden mostrar un icono familiar.
- Pida a su agencia que equipe todos los campos de formulario para correo electrónico y teléfono con la etiqueta autocomplete apropiada.
- Complemente también nombre, dirección y código postal con las etiquetas apropiadas si los campos solicitan información personal.
- Pruebe su formulario de contacto usted mismo: si el navegador ofrece sus datos guardados para rellenar, la etiqueta es efectiva.
- Incluya la etiqueta en su lista de verificación de formularios para que los nuevos formularios la tengan desde el principio.
- Mantenga los formularios generalmente cortos — cada campo ahorrado ayuda más que cualquier etiqueta.
