Skip to content

Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →

Barrierefreiheit

¿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.

Beispiele

Adressfelder ohne Zweckangabe

Verstoß
<input type="text" name="f1">
<input type="text" name="f2">
<input type="text" name="f3">
Erfüllt
<input type="text" name="vorname" autocomplete="given-name">
<input type="email" name="email" autocomplete="email">
<input type="text" name="plz" autocomplete="postal-code">

Mit autocomplete füllt der Browser die Felder aus, und Hilfsprogramme können ein bekanntes Symbol dazu zeigen.

  • 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.

Deutsche Fassung dieser Seite