Los botones de radio son uno de los controles de entrada principales disponibles en Formularios PDF. Cuando se agregan a un documento que se puede completar, brindan a los usuarios una forma clara de seleccionar exactamente una opción de un grupo de opciones mutuamente excluyentes. Los ejemplos comunes incluyen seleccionar un método de pago, elegir una velocidad de envío, responder una pregunta de sí o no o elegir una calificación de satisfacción en un formulario de comentarios.
Agregar botones de opción a un formulario PDF requiere aproximadamente el mismo esfuerzo que agregar un campo de texto, pero lograr la agrupación correcta es lo que separa un formulario funcional de uno confuso. Cuando los botones de opción comparten el mismo nombre de grupo, al seleccionar uno se anula automáticamente la selección de todos los demás en ese grupo. Cuando tienen nombres diferentes, se comportan como casillas de verificación independientes, lo que casi nunca es lo que se desea para una pregunta de opción única. Esta guía cubre los pasos para Adobe Acrobat Pro, editores en línea y WukongPDF, además de los detalles de configuración que los autores de formularios novatos suelen pasar por alto.
El editor PDF rellenable de WukongPDF coloca todos los controles de formulario, incluidos botones de opción, casillas de verificación, campos de texto y menús desplegables, en una única barra de herramientas accesible sin descargar ni instalar software. Después de agregar sus botones de opción, guarde el formulario y estará listo para su distribución.
Botones de radio, casillas de verificación y menús desplegables
Comprender la diferencia entre estos tres tipos de campos evita el error más común en el diseño de formularios: usar casillas de verificación donde pertenecen los botones de opción. Los botones de radio imponen la exclusividad mutua dentro de un grupo con nombre. Las casillas de verificación son independientes; marcar una no afecta ninguna otra casilla de verificación. Los menús desplegables también imponen una selección única, pero utilizan un formato de lista compacto.
| Botones de radio | Casillas de verificación | Desplegables |
|---|---|---|
| Elección única de un conjunto | Múltiples opciones, independientes | Lista compacta de opción única |
| Agrupados por nombre de campo | Cada caja es independiente. | Todos los elementos en un campo |
| Lo mejor para 2-5 opciones | Lo mejor para sí/no o selección múltiple | Lo mejor para 4+ opciones |
Utilice botones de opción cuando todas las opciones deban estar visibles a la vez y el usuario deba elegir exactamente una. Utilice un menú desplegable cuando haya más de cinco opciones y el espacio en la pantalla sea limitado. Utilice casillas de verificación cuando el usuario pueda seleccionar cualquier cantidad de opciones de forma independiente, incluido cero.
Agregar botones de opción en Adobe Acrobat Pro
Abra su PDF en Acrobat Pro y navegue hasta Herramientas, luego Preparar formulario. Acrobat escanea el documento en busca de candidatos para campos de formulario y sugiere ubicaciones. Para la colocación manual, haga clic en el icono del botón de opción en la barra de herramientas, que se muestra como un círculo pequeño. Haga clic en la página donde desea que aparezca el primer botón de opción. Se asigna un nombre predeterminado como Grupo1.
El paso crítico viene a continuación. Para el segundo botón de opción del mismo grupo, debes darle exactamente el mismo nombre de campo que el primero. Si el primer botón se denomina Método de pago, todos los botones de opción posteriores de ese grupo también deben denominarse Método de pago. Acrobat le mostrará una advertencia: ha creado un botón de opción con el mismo nombre. Seleccione Sí, quiero que todos los botones de opción con este nombre compartan un único conjunto de valores. Esta confirmación es la que activa el comportamiento de exclusión mutua. Si accidentalmente le da al segundo botón un nombre diferente, los dos botones funcionarán como botones independientes en lugar de botones de radio vinculados.
Después de colocar todos los botones en un grupo, haga doble clic en cualquier botón para abrir el cuadro de diálogo Propiedades. En la pestaña Opciones, asigne un valor de botón único a cada botón del grupo, como Tarjeta de crédito, PayPal o Transferencia bancaria. Este valor de exportación es lo que aparece en los datos del formulario exportado. En la pestaña Apariencia, establezca un tamaño de fuente y un estilo de borde consistentes para todos los botones. Guarde el PDF y pruebe el grupo haciendo clic en cada botón. Sólo se debe llenar uno a la vez.
Agregar botones de radio usando un editor de PDF en línea
Los editores de PDF en línea simplifican el flujo de trabajo de los botones de opción agrupando automáticamente botones que comparten el mismo nombre. Después de cargar el PDF, seleccione la herramienta del botón de opción y haga clic en la página para colocar la primera opción. En el panel de propiedades que se abre a la derecha, escriba un nombre de grupo y un valor de elección para este botón específico. Coloque el siguiente botón de opción, asígnele el mismo nombre de grupo y asígnele un valor de elección diferente.
La mayoría de los editores en línea muestran botones de opción en la lista de campos con una vista de árbol expandible que muestra el nombre del grupo y cada opción individual anidada debajo. Esta retroalimentación visual facilita la confirmación de que todos los botones previstos pertenecen al mismo grupo. Si aparece un botón fuera del árbol, arrástrelo al grupo correcto en la lista de campos. Después de colocar todos los botones, descargue el PDF terminado y pruebe el comportamiento del grupo en un lector.
Configurar una selección predeterminada y opciones de estilo
Los botones de opción se pueden cargar con una opción preseleccionada cuando se abre el formulario. En el cuadro de diálogo Propiedades, en la pestaña Opciones, establezca el valor del botón de una opción como predeterminado seleccionándolo y haciendo clic en el botón Predeterminado. La opción preseleccionada aparece completa cuando se carga el formulario. Úselo cuando una opción se aplique a la mayoría de sus usuarios, como preseleccionar el Envío estándar cuando la mayoría de los clientes lo elijan. No preseleccione una opción para preguntas de consentimiento o acuerdos legales; estos siempre deben requerir una acción explícita del usuario.
La mayor parte de la apariencia visual de los botones de radio es importante para su usabilidad. La apariencia predeterminada, un círculo pequeño con un relleno sólido cuando se selecciona, funciona bien en fondos blancos pero puede ser difícil de ver en secciones de formulario coloreadas. En la pestaña Apariencia, puede cambiar el color del borde y el color de relleno del botón para mejorar el contraste. Para accesibilidad, asegúrese de que el círculo del botón de opción tenga al menos 11 puntos de diámetro y tenga suficiente contraste de color con el fondo de la página, según lo recomendado por WCAG 2.1 SC 1.4.11.
Errores comunes y cómo evitarlos
En la práctica, el error más frecuente es crear botones de opción con diferentes nombres de campos y esperar que funcionen como un grupo. Después de colocar todos los botones, abra el panel Campos y escanee la lista. Todos los botones de un grupo deben compartir exactamente el mismo nombre, con diferencias sólo en sus valores de elección individuales. Si ve PaymentMethod, PaymentMethod1 y PaymentMethod2 como nombres de campos separados, elimine los dos últimos y vuelva a crearlos con el nombre compartido correcto.
Otro problema ocurre cuando los autores de formularios copian y pegan un botón de opción para crear opciones adicionales. Al copiar se duplica el valor de la elección y el nombre del campo, lo que significa que todos los botones pegados informan el mismo valor en los datos exportados. Cambie siempre el valor de elección para cada instancia de botón de opción, incluso si el nombre del campo es compartido. Y si su formulario se completará en dispositivos móviles, pruebe el espaciado de los botones de opción en la pantalla de un teléfono. Los botones colocados demasiado juntos son difíciles de tocar con precisión con la punta del dedo. Deje al menos 24 píxeles de espacio vertical entre las filas de botones de opción para dar cabida a la entrada táctil.
Los botones de opción convierten una pregunta que de otro modo sería ambigua en un punto de datos limpio y estructurado. Al agruparlos correctamente bajo un nombre compartido y asignar valores de exportación únicos a cada opción, produce datos de formulario que se importan directamente a bases de datos y hojas de cálculo sin limpieza manual.
Agregar botones de opción para cumplir con la accesibilidad
Un grupo de botones de opción accesible ayuda a los usuarios que dependen de lectores de pantalla, navegación por teclado o modos de alto contraste a interactuar con su formulario correctamente. Cada botón de opción de un grupo debe tener información sobre herramientas que describa tanto el nombre del grupo como la elección específica. En Acrobat Pro, abra las propiedades del campo, vaya a la pestaña General y complete el campo Información sobre herramientas con texto como Seleccione su método de pago: Tarjeta de crédito. Los lectores de pantalla anuncian la información sobre herramientas cuando el usuario ingresa al campo.
El orden de tabulación de los grupos de botones de opción debe moverse por cada opción de forma secuencial. Después de que el usuario ingresa al grupo, debería poder usar las teclas de flecha para cambiar su selección dentro del grupo, luego presionar Tab para salir del grupo y pasar al siguiente campo. Este es el comportamiento del teclado estándar definido por la especificación PDF y admitido por todos los principales lectores de pantalla. Pruebe el flujo de navegación del teclado antes de finalizar el formulario. Si al presionar Tab dentro de un grupo de radio se salta al siguiente campo en lugar de moverse entre las opciones de radio, verifique que los botones de radio dentro del grupo compartan exactamente el mismo nombre de campo.
Para los requisitos de alto contraste según WCAG 2.1 Nivel AA, asegúrese de que el color del borde del botón de opción contraste al menos 3:1 con el fondo de la página. El borde negro predeterminado sobre fondo blanco cumple con esto, pero los bordes de colores personalizados sobre fondos grises o teñidos pueden no hacerlo. Utilice una herramienta de verificación de contraste en una captura de pantalla del formulario para verificar el cumplimiento antes de la distribución.
Exportar correctamente los valores de los botones de opción
Los grupos de botones de opción exportan su valor seleccionado como un campo único en las exportaciones de datos del formulario. Si un usuario selecciona Tarjeta de crédito de un grupo Método de pago, el archivo CSV o XML exportado registra Método de pago=Tarjeta de crédito. El valor de exportación utilizado es el valor del botón que asignó en las propiedades del campo, no la etiqueta visible. Para verificar qué valores aparecerán en los datos exportados, abra un formulario de prueba, haga selecciones, exporte los datos y verifique que los valores coincidan con lo que espera su base de datos u hoja de cálculo.
Un problema común de integración de datos ocurre cuando los valores de elección del botón de opción contienen espacios, caracteres especiales o mayúsculas y minúsculas inconsistentes. Estandarice los valores de elección en camelCase o Snake_case, como creditCard o credit_card, en lugar de Credit Card. El formato coherente evita errores de análisis de CSV y simplifica la validación de campos de la base de datos. Documente la convención de nomenclatura del valor del botón en las notas de diseño del formulario para que cualquiera que mantenga el formulario más adelante siga el mismo patrón.