# IA en formularios: autocompletar sin perder el control > La IA puede llenar o sugerir campos de un formulario. Cómo diseñar el disparador, la revisión y la corrección, y qué piden WCAG y autocomplete. *Tags: ia, formularios, diseno-de-interaccion, ux-para-ia* --- > [!info] Definición Rápida > **IA en formularios** es el uso de un modelo para sugerir o llenar los campos de un formulario a partir de un texto, un documento o el contexto de la pantalla. La persona sigue siendo quien revisa y envía, y la interfaz debe dejarlo claro en cada paso. ## ¿Qué hace la IA en un formulario? Hay tres formas comunes. La primera es **llenar**: la persona pega un texto, sube un documento o describe su caso en lenguaje natural, y la IA devuelve valores para los campos. La segunda es **sugerir**: aparece un valor propuesto por campo, que la persona acepta o ignora. La tercera es **traducir una intención**: alguien dice "quiero devolver el pedido 1234 porque llegó dañado", y la app lo convierte en campos estructurados. En los tres casos entra texto libre y salen campos con formato. Es algo que los modelos hacen bien, y también lo que falla cuando un campo recibe un valor plausible pero incorrecto. Un formulario es un contrato: cuando se envía, esos datos se usan para un pago, una cita o una solicitud. Si la IA llenó un campo que nadie miró, la persona puede estar aceptando algo que no escribió. Por eso el diseño de fondo es el de [[human-in-the-loop|human-in-the-loop]]: el modelo propone y la persona decide. Para saber cuándo conviene describir en lugar de rellenar campos, mira [[chat-vs-ui-estructurada|chat vs. UI estructurada]]. ## ¿Cómo lo hacen los productos hoy? Tres ejemplos documentados: - **Atlassian.** En su guía de patrones de experiencia de usuario con IA (Dugald Morrow, febrero de 2026), el formulario ofrece una opción "Fill form with AI". La consulta al modelo pide una respuesta en forma de objeto JSON donde cada clave corresponde a un campo, y el enfoque permite a la persona revisar y editar la respuesta de la IA antes de enviar el formulario. - **Chrome.** Según la ayuda de Google Chrome, el autocompletado mejorado ("Find and fill with Gemini") sugiere datos sacados de Gmail, como vuelos, vehículos y pedidos. Está disponible en escritorio, Android y iOS para usuarios de Gemini en Chrome en Estados Unidos, mayores de 18 años y con Personal Intelligence activado. Las sugerencias llevan el icono de Gemini y aparecen en un menú desplegable del campo; desde ahí se abre el correo de origen o se elige "Remove from Chrome". Los datos traídos de Gmail no se editan dentro de Chrome. Se activa o desactiva en Settings > Autofill and passwords > Enhanced autofill, con el interruptor "Find and fill with Gemini". Google lo anunció el 28 de octubre de 2026, así que su disponibilidad puede cambiar. - **Pega Voice AI.** Su guía de buenas prácticas para el autollenado de formularios por voz advierte que solo se llenan los campos vacíos, que los datos que llegan juntos se asignan en el orden de los campos del formulario y que conviene poner varias fechas en páginas distintas, porque la primera fecha que se oye va al primer campo de fecha de la página visible. ## ¿Cómo se diseña el flujo? Atlassian respalda tres piezas: un disparador explícito, salida por campo y revisión antes de enviar. Las otras son recomendaciones de esta wiki: 1. **Disparador explícito.** Un botón como "Llenar con IA" en lugar de una llamada en cada tecla. La persona sabe cuándo interviene la IA y puede decidir. 2. **Contexto suficiente y visible.** Si la IA necesita un texto de apoyo, pídelo. Si ya tiene el contexto del formulario, deja claro qué usó. 3. **Valores por campo, no un bloque opaco.** Cada campo muestra su valor propuesto y se puede editar. Un bloque de texto que hay que copiar a mano es peor que el formulario vacío. 4. **Resumen de cambios.** Cuántos campos llenó la IA, cuáles y con qué origen. Opciones para aceptar, revisar uno por uno, editar o limpiar. 5. **Validación después de la IA.** Las reglas que aplican a una persona aplican a la IA: formato de fecha, campos obligatorios, opciones válidas. Si un valor no pasa, queda marcado y no se envía. En la implementación, el modelo devuelve un objeto que relaciona cada valor con el identificador de su campo, y el código lo aplica con las reglas del formulario. La IA propone datos; no manipula la página. ## ¿Qué piden el HTML y la accesibilidad? El atributo `autocomplete` de HTML indica qué permiso tiene el navegador para ayudar a llenar un campo y qué tipo de dato se espera. Según MDN, acepta `on`, `off` o una lista de valores como `given-name`, `family-name`, `email`, `tel`, `street-address`, `postal-code`, `cc-number`, `one-time-code`, `new-password` y `current-password`. Los valores válidos cumplen el criterio WCAG 1.3.5, Identify Input Purpose (nivel AA). MDN desaconseja `autocomplete="off"` salvo donde sea imprescindible, como un CAPTCHA o un código de un solo uso, y avisa de que los valores inventados rompen el autocompletado. Cuatro criterios de WCAG 2.2 tocan directamente este patrón: - **3.3.7 Redundant Entry (A).** La información que la persona ya dio en el mismo proceso debe llenarse sola o poder elegirse, salvo excepciones como la seguridad. Respalda el prellenado. - **3.3.4 Error Prevention, Legal, Financial, Data (AA).** En páginas que generan compromisos legales o transacciones financieras, modifican o borran datos del usuario o envían respuestas de pruebas, debe cumplirse al menos una opción: el envío es reversible, se comprueban los datos y se puede corregir, o hay un mecanismo para revisar, confirmar y corregir antes de finalizar. Un paso de revisión de los valores que puso la IA cubre la tercera opción. - **4.1.3 Status Messages (AA).** Un aviso como "La IA llenó 6 campos" debe poder determinarse por código, por ejemplo con `role="status"`, para que un lector de pantalla lo anuncie sin mover el foco. - **1.3.5 Identify Input Purpose (AA).** Descrito arriba. ## ¿Cuándo NO conviene la IA en un formulario? - **Cuando los campos son pocos y simples.** Un formulario de tres campos se llena más rápido a mano que lo que tarda en revisarse una propuesta. - **Cuando el error es caro y no hay forma de revisar.** Si un número de cuenta mal llenado causa un pago equivocado, pide confirmación explícita o no automatices ese campo. - **Cuando el texto de origen es ambiguo.** La IA va a adivinar. Mejor pedir la aclaración que llenar. - **Cuando el formulario exige consentimiento.** La persona debe escribirlo o marcarlo ella misma, no aceptar algo que propuso un modelo. ## Ejemplo Ejemplo ilustrativo: un formulario de solicitud de reembolso de 8 campos. La persona pega en un cuadro de texto el correo donde el cliente explica el problema y pulsa "Llenar con IA". La pantalla muestra seis campos llenos, cada uno con una etiqueta "Sugerido por IA", y arriba un aviso anunciado por lectores de pantalla: "La IA llenó 6 de 8 campos. Revisa las fechas". La fecha de compra aparece marcada porque el correo mencionaba dos fechas. La persona corrige, acepta el resto y envía. Si hubiera enviado sin revisar, la validación habría detenido la fecha ambigua. ## Errores comunes - Llamar a la IA en cada tecla y hacer que el formulario parpadee. - Llenar campos sin marcarlos como sugeridos. - Enviar sin validar los valores que generó el modelo. - Mostrar un bloque de texto en vez de campos separados, lo que obliga a copiar y pegar. - Quitar `autocomplete` o usar valores inventados, y perder el autocompletado del navegador. - Pensar que el formulario "ya está listo" porque la IA llenó todo. La revisión es un paso del flujo, no un trámite. ## Fuentes - [Atlassian, AI user experience patterns (Dugald Morrow, 23 de febrero de 2026)](https://www.atlassian.com/blog/developer/ai-user-experience-patterns): patrón de llenado con botón, salida JSON por campo y revisión antes de enviar. - [Google Chrome Help, Fill out forms automatically in Chrome](https://support.google.com/chrome/answer/142893?hl=en&co=GENIE.Platform%3DDesktop): autocompletado mejorado con Gemini, requisitos, icono, origen y controles. - [Google, Chrome's enhanced autofill with Gmail (28 de octubre de 2026)](https://blog.google/products-and-platforms/products/chrome/enhanced-autofill-gmail/): anuncio de la función y su despliegue inicial. - [MDN, el atributo autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete): valores, uso y relación con WCAG 1.3.5. - [W3C, Understanding 3.3.4 Error Prevention (Legal, Financial, Data)](https://www.w3.org/WAI/WCAG22/Understanding/error-prevention-legal-financial-data.html) - [W3C, Understanding 3.3.7 Redundant Entry](https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html) - [W3C, Understanding 1.3.5 Identify Input Purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html) - [W3C, Understanding 4.1.3 Status Messages](https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html) - [Pega Academy, Best practices for using form autofill](https://academy.pega.com/topic/best-practices-using-form-autofill/v1/in/64911): autollenado de formularios por voz, solo campos vacíos y orden de asignación. --- Source: https://www.fernandoux.com/es/wiki/ia/ia-en-formularios/