I pulsanti di opzione sono uno dei controlli di input principali disponibili in Moduli PDF. Quando aggiunti a un documento compilabile, offrono agli utenti un modo chiaro per selezionare esattamente un'opzione da un gruppo di scelte reciprocamente esclusive. Esempi comuni includono la selezione di un metodo di pagamento, la scelta della velocità di spedizione, la risposta a una domanda sì o no o la scelta di una valutazione di soddisfazione su un modulo di feedback.
L'aggiunta di pulsanti di opzione a un modulo PDF richiede all'incirca lo stesso sforzo dell'aggiunta di un campo di testo, ma ottenere il giusto raggruppamento è ciò che separa un modulo funzionale da uno confuso. Quando i pulsanti di opzione condividono lo stesso nome di gruppo, selezionandone uno si deselezionano automaticamente tutti gli altri in quel gruppo. Quando hanno nomi diversi, si comportano come caselle di controllo indipendenti, il che non è quasi mai quello che vorresti per una domanda a scelta singola. Questa guida copre i passaggi per Adobe Acrobat Pro, editor online e WukongPDF, oltre ai dettagli di configurazione che spesso gli autori di moduli alle prime armi non vedono.
L'editor PDF compilabile di WukongPDF colloca tutti i controlli dei moduli, inclusi pulsanti di opzione, caselle di controllo, campi di testo e menu a discesa, in un'unica barra degli strumenti accessibile senza scaricare o installare software. Dopo aver aggiunto i pulsanti di opzione, salva il modulo ed è pronto per la distribuzione.
Pulsanti di opzione, caselle di controllo e menu a discesa
Comprendere la differenza tra questi tre tipi di campo previene l'errore più comune nella progettazione dei moduli: utilizzare le caselle di controllo al posto dei pulsanti di opzione. I pulsanti di opzione impongono la mutua esclusività all'interno di un gruppo denominato. Le caselle di controllo sono indipendenti; selezionarne uno non influisce su nessun'altra casella di controllo. Anche i menu a discesa impongono la selezione singola ma utilizzano un formato elenco compatto.
| Pulsanti radio | Caselle di controllo | Elenchi a discesa |
|---|---|---|
| Scelta unica da un set | Scelte multiple, indipendenti | Scelta singola, elenco compatto |
| Raggruppati per nome campo | Ogni scatola è indipendente | Tutti gli elementi in un campo |
| Ideale per 2-5 opzioni | Ideale per sì/no o selezione multipla | Ideale per 4+ opzioni |
Utilizza i pulsanti di opzione quando tutte le opzioni devono essere visibili contemporaneamente e l'utente deve sceglierne esattamente una. Utilizza un menu a discesa quando sono presenti più di cinque opzioni e lo spazio sullo schermo è limitato. Utilizza le caselle di controllo quando l'utente può selezionare un numero qualsiasi di opzioni in modo indipendente, incluso zero.
Prova Modifica PDF
Nessuna installazione necessaria. Funziona direttamente nel tuo browser.
Aggiunta di pulsanti di opzione in Adobe Acrobat Pro
Apri il tuo PDF in Acrobat Pro e vai su Strumenti, quindi Prepara modulo. Acrobat esegue la scansione del documento alla ricerca di candidati per i campi modulo e suggerisce i posizionamenti. Per il posizionamento manuale, fai clic sull'icona del pulsante di opzione nella barra degli strumenti, che viene visualizzata come un piccolo cerchio. Fai clic sulla pagina in cui desideri che venga visualizzato il primo pulsante di opzione. Viene assegnato un nome predefinito come Gruppo1.
Il passaggio critico viene dopo. Per il secondo pulsante di opzione nello stesso gruppo, devi assegnargli esattamente lo stesso nome di campo del primo. Se il primo pulsante è denominato MetodoPagamento, anche ogni pulsante di opzione successivo in quel gruppo deve essere denominato MetodoPagamento. Acrobat ti avviserà con un avviso: hai creato un pulsante di opzione con lo stesso nome. Selezionare Sì, desidero che tutti i pulsanti di opzione con questo nome condividano un unico set di valori. Questa conferma è ciò che attiva il comportamento di mutua esclusione. Se accidentalmente dai al secondo pulsante un nome diverso, i due pulsanti funzioneranno come interruttori indipendenti anziché come pulsanti di opzione collegati.
Dopo aver posizionato tutti i pulsanti in un gruppo, fare doppio clic su qualsiasi pulsante per aprire la finestra di dialogo Proprietà. Nella scheda Opzioni, assegna un valore pulsante univoco a ciascun pulsante del gruppo, ad esempio Carta di credito, PayPal o Bonifico bancario. Questo valore di esportazione è ciò che appare nei dati del modulo esportato. Nella scheda Aspetto, imposta una dimensione del carattere e uno stile del bordo coerenti per tutti i pulsanti. Salva il PDF e testa il gruppo facendo clic su ciascun pulsante. Dovrebbe riempirne solo uno alla volta.
Aggiunta di pulsanti di opzione utilizzando un editor PDF online
Gli editor PDF online semplificano il flusso di lavoro dei pulsanti di opzione raggruppando automaticamente i pulsanti che condividono lo stesso nome. Dopo aver caricato il PDF, seleziona lo strumento pulsante di opzione e fai clic sulla pagina per posizionare la prima opzione. Nel pannello delle proprietà che si apre a destra, digita un nome di gruppo e un valore di scelta per questo pulsante specifico. Posiziona il pulsante di opzione successivo, assegnagli lo stesso nome di gruppo e assegnagli un valore di scelta diverso.
La maggior parte degli editor online visualizza pulsanti di opzione nell'elenco dei campi con una visualizzazione ad albero espandibile che mostra il nome del gruppo e ogni singola scelta annidata sotto. Questo feedback visivo semplifica la conferma che tutti i pulsanti previsti appartengono allo stesso gruppo. Se un pulsante appare all'esterno dell'albero, trascinalo nel gruppo corretto nell'elenco dei campi. Dopo aver posizionato tutti i pulsanti, scarica il PDF finito e testa il comportamento del gruppo in un lettore.
Impostazione di una selezione predefinita e di opzioni di stile
I pulsanti di opzione possono essere caricati con un'opzione preselezionata all'apertura del modulo. Nella finestra di dialogo Proprietà, nella scheda Opzioni, impostare il Valore del pulsante di una scelta come predefinito selezionandolo e facendo clic sul pulsante Predefinito. L'opzione preselezionata appare compilata al caricamento del modulo. Utilizzalo quando una scelta si applica alla maggior parte dei tuoi utenti, ad esempio preselezionare la spedizione standard quando la maggior parte dei clienti la sceglie. Non preselezionare una scelta per domande sul consenso o accordi legali; questi devono sempre richiedere un'azione esplicita da parte dell'utente.
La maggior parte dell'aspetto visivo dei pulsanti di opzione è importante per l'usabilità. L'aspetto predefinito, un piccolo cerchio con un riempimento continuo quando selezionato, funziona bene su sfondi bianchi ma può essere difficile da vedere sulle sezioni colorate del modulo. Nella scheda Aspetto, puoi modificare il colore del bordo e il colore di riempimento del pulsante per migliorare il contrasto. Per l'accessibilità, assicurati che il cerchio del pulsante di opzione abbia un diametro di almeno 11 punti e abbia un contrasto cromatico sufficiente rispetto allo sfondo della pagina, come raccomandato dalle WCAG 2.1 SC 1.4.11.
Insidie comuni e come evitarle
In pratica, l'errore più frequente è creare pulsanti di opzione con nomi di campo diversi e aspettarsi che funzionino in gruppo. Dopo aver posizionato tutti i pulsanti, apri il pannello Campi ed esegui la scansione dell'elenco. Tutti i pulsanti di un gruppo devono condividere esattamente lo stesso nome, con differenze solo nei valori di scelta individuali. Se vedi PaymentMethod, PaymentMethod1 e PaymentMethod2 come nomi di campi separati, elimina gli ultimi due e ricreali con il nome condiviso corretto.
Un altro problema si verifica quando gli autori del modulo copiano e incollano un pulsante di opzione per creare scelte aggiuntive. La copia duplica il valore della scelta così come il nome del campo, il che significa che tutti i pulsanti incollati riportano lo stesso valore nei dati esportati. Modifica sempre il valore di scelta per ciascuna istanza del pulsante di opzione, anche se il nome del campo è condiviso. E se il modulo verrà completato su dispositivi mobili, prova la spaziatura dei pulsanti di opzione sullo schermo del telefono. I pulsanti posizionati troppo vicini tra loro sono difficili da toccare con precisione con la punta del dito. Lasciare almeno 24 pixel di spazio verticale tra le righe dei pulsanti di opzione per consentire l'input tocco.
I pulsanti di opzione trasformano una domanda altrimenti ambigua in un punto dati pulito e strutturato. Raggruppandoli correttamente sotto un nome condiviso e assegnando valori di esportazione univoci a ciascuna scelta, produci dati del modulo che vengono importati direttamente in database e fogli di calcolo senza pulizia manuale.
Aggiunta di pulsanti di opzione per la conformità all'accessibilità
Un gruppo di pulsanti di opzione accessibile aiuta gli utenti che si affidano alle utilità per la lettura dello schermo, alla navigazione tramite tastiera o alle modalità a contrasto elevato a interagire correttamente con il modulo. Ogni pulsante di opzione in un gruppo dovrebbe avere una descrizione comando che descriva sia il nome del gruppo che la scelta specifica. In Acrobat Pro, apri le proprietà del campo, vai alla scheda Generale e compila il campo Descrizione comando con testo come Seleziona il metodo di pagamento: Carta di credito. Le utilità per la lettura dello schermo annunciano la descrizione comando quando l'utente accede al campo tramite scheda.
L'ordine di tabulazione per i gruppi di pulsanti di opzione dovrebbe spostarsi in ciascuna scelta in sequenza. Dopo che l'utente si è inserito nel gruppo, dovrebbe essere in grado di utilizzare i tasti freccia per modificare la selezione all'interno del gruppo, quindi premere Tab per uscire dal gruppo e passare al campo successivo. Questo è il comportamento standard della tastiera definito dalle specifiche PDF e supportato da tutti i principali lettori di schermo. Testare il flusso di navigazione tramite tastiera prima di finalizzare il modulo. Se premendo Tab all'interno di un gruppo radio si passa al campo successivo invece di spostarsi tra le opzioni radio, controlla che i pulsanti radio all'interno del gruppo condividano esattamente lo stesso nome di campo.
Per i requisiti di contrasto elevato previsti dalle WCAG 2.1 Livello AA, assicurati che il colore del bordo del pulsante di opzione contrasti almeno 3:1 rispetto allo sfondo della pagina. Il bordo nero predefinito su sfondo bianco soddisfa questo requisito, ma i bordi con colori personalizzati su sfondi di moduli grigi o colorati potrebbero non farlo. Utilizza uno strumento di controllo del contrasto su uno screenshot del modulo per verificare la conformità prima della distribuzione.
Esportare correttamente i valori dei pulsanti di opzione
I gruppi di pulsanti di opzione esportano il valore selezionato come un singolo campo nelle esportazioni dei dati del modulo. Se un utente seleziona CreditCard da un gruppo PaymentMethod, il file CSV o XML esportato registra PaymentMethod=CreditCard. Il valore di esportazione utilizzato è il valore del pulsante assegnato nelle proprietà del campo, non l'etichetta visibile. Per verificare quali valori verranno visualizzati nei dati esportati, apri un modulo di prova, effettua selezioni, esporta i dati e controlla che i valori corrispondano a quanto previsto dal database o dal foglio di calcolo.
Un problema comune di integrazione dei dati si verifica quando i valori di scelta del pulsante di opzione contengono spazi, caratteri speciali o maiuscole e minuscole incoerenti. Standardizza i valori di scelta in camelCase o snake_case, come creditCard o credit_card, anziché Credit Card. La formattazione coerente previene errori di analisi CSV e semplifica la convalida dei campi del database. Documenta la convenzione di denominazione dei valori del pulsante nelle note di progettazione del modulo in modo che chiunque mantenga il modulo in seguito segua lo stesso modello.
Prova Modifica PDF
Nessuna installazione necessaria. Funziona direttamente nel tuo browser.