Les boutons radio sont l'un des principaux contrôles de saisie disponibles dans Formulaires PDF. Lorsqu'ils sont ajoutés à un document à remplir, ils offrent aux utilisateurs un moyen clair de sélectionner exactement une option parmi un groupe de choix mutuellement exclusifs. Les exemples courants incluent la sélection d'un mode de paiement, le choix d'une vitesse d'expédition, la réponse à une question par oui ou par non ou la sélection d'un taux de satisfaction sur un formulaire de commentaires.
L'ajout de boutons radio à un formulaire PDF demande à peu près le même effort que l'ajout d'un champ de texte, mais le bon regroupement est ce qui différencie un formulaire fonctionnel d'un formulaire déroutant. Lorsque les boutons radio partagent le même nom de groupe, en sélectionner un désélectionne automatiquement tous les autres de ce groupe. Lorsqu’elles portent des noms différents, elles se comportent comme des cases à cocher indépendantes, ce qui n’est presque jamais ce que l’on souhaite pour une question à choix unique. Ce guide couvre les étapes pour Adobe Acrobat Pro, les éditeurs en ligne et WukongPDF, ainsi que les détails de configuration qui manquent souvent aux auteurs de formulaires novices.
L'éditeur Fillable PDF de WukongPDF place tous les contrôles de formulaire, y compris les boutons radio, les cases à cocher, les champs de texte et les listes déroulantes, dans une seule barre d'outils accessible sans téléchargement ni installation de logiciel. Après avoir ajouté vos boutons radio, enregistrez le formulaire et il est prêt à être distribué.
Boutons radio vs cases à cocher vs listes déroulantes
Comprendre la différence entre ces trois types de champs évite l'erreur de conception de formulaire la plus courante : utiliser des cases à cocher là où appartiennent les boutons radio. Les boutons radio renforcent l’exclusivité mutuelle au sein d’un groupe nommé. Les cases à cocher sont indépendantes ; en cocher une n’affecte aucune autre case à cocher. Les listes déroulantes appliquent également une sélection unique mais utilisent un format de liste compacte.
| Boutons radio | cases à cocher | Listes déroulantes |
|---|---|---|
| Choix unique parmi un ensemble | Choix multiples, indépendant | Choix unique, liste compacte |
| Regroupé par nom de champ | Chaque case est indépendante | Tous les éléments dans un seul champ |
| Idéal pour 2 à 5 options | Idéal pour oui/non ou sélection multiple | Idéal pour 4+ options |
Utilisez des boutons radio lorsque toutes les options doivent être visibles en même temps et que l’utilisateur doit en choisir exactement une. Utilisez une liste déroulante lorsqu'il y a plus de cinq options et que l'espace sur l'écran est limité. Utilisez des cases à cocher lorsque l'utilisateur peut sélectionner n'importe quel nombre d'options indépendamment, y compris zéro.
Essayez de modifier le PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.
Ajout de boutons radio dans Adobe Acrobat Pro
Ouvrez votre PDF dans Acrobat Pro et accédez à Outils, puis Préparer le formulaire. Acrobat analyse le document à la recherche de candidats dans les champs de formulaire et suggère des emplacements. Pour un placement manuel, cliquez sur l'icône du bouton radio dans la barre d'outils, qui s'affiche sous la forme d'un petit cercle. Cliquez sur la page où vous souhaitez que le premier bouton radio apparaisse. Un nom par défaut tel que Group1 est attribué.
L’étape critique vient ensuite. Pour le deuxième bouton radio du même groupe, vous devez lui donner exactement le même nom de champ que le premier. Si le premier bouton est nommé PaymentMethod, tous les boutons radio suivants de ce groupe doivent également être nommés PaymentMethod. Acrobat vous affichera un avertissement : vous avez créé un bouton radio portant le même nom. Sélectionnez Oui, je souhaite que tous les boutons radio portant ce nom partagent un seul ensemble de valeurs. Cette confirmation est ce qui active le comportement d’exclusion mutuelle. Si vous donnez accidentellement un nom différent au deuxième bouton, les deux boutons fonctionneront comme des boutons indépendants plutôt que comme des boutons radio liés.
Après avoir placé tous les boutons dans un groupe, double-cliquez sur n'importe quel bouton pour ouvrir la boîte de dialogue Propriétés. Sous l'onglet Options, attribuez une valeur de bouton unique à chaque bouton du groupe, tel que Carte de crédit, PayPal ou Virement bancaire. Cette valeur d'exportation est ce qui apparaît dans les données du formulaire exporté. Sous l'onglet Apparence, définissez une taille de police et un style de bordure cohérents pour tous les boutons. Enregistrez le PDF et testez le groupe en cliquant sur chaque bouton. Un seul doit être rempli à la fois.
Ajout de boutons radio à l'aide d'un éditeur PDF en ligne
Les éditeurs PDF en ligne simplifient le flux de travail des boutons radio en regroupant automatiquement les boutons partageant le même nom. Après avoir téléchargé le PDF, sélectionnez l'outil bouton radio et cliquez sur la page pour placer la première option. Dans le panneau des propriétés qui s'ouvre sur la droite, saisissez un nom de groupe et une valeur de choix pour ce bouton spécifique. Placez le bouton radio suivant, attribuez-lui le même nom de groupe et attribuez-lui une valeur de choix différente.
La plupart des éditeurs en ligne affichent des boutons radio dans la liste des champs avec une arborescence extensible qui affiche le nom du groupe et chaque choix individuel imbriqué en dessous. Ce retour visuel permet de confirmer facilement que tous les boutons prévus appartiennent au même groupe. Si un bouton apparaît en dehors de l'arborescence, faites-le glisser dans le groupe approprié dans la liste des champs. Après avoir placé tous les boutons, téléchargez le PDF terminé et testez le comportement du groupe dans un lecteur.
Définition d'une sélection par défaut et des options de style
Les boutons radio peuvent se charger avec une option présélectionnée à l'ouverture du formulaire. Dans la boîte de dialogue Propriétés, sous l'onglet Options, définissez la valeur du bouton d'un choix comme valeur par défaut en la sélectionnant et en cliquant sur le bouton Par défaut. L'option présélectionnée apparaît remplie lors du chargement du formulaire. Utilisez cette option lorsqu'un choix s'applique à la majorité de vos utilisateurs, par exemple en présélectionnant l'expédition standard lorsque la plupart des clients le choisissent. Ne présélectionnez pas de choix pour les questions de consentement ou les accords juridiques ; ceux-ci doivent toujours nécessiter une action explicite de l’utilisateur.
La plupart de l'apparence visuelle des boutons radio est importante pour leur convivialité. L'apparence par défaut, un petit cercle avec un remplissage uni lorsqu'il est sélectionné, fonctionne bien sur les arrière-plans blancs mais peut être difficile à voir sur les sections de formulaire colorées. Dans l'onglet Apparence, vous pouvez modifier la couleur de la bordure et la couleur de remplissage du bouton pour améliorer le contraste. Pour des raisons d'accessibilité, assurez-vous que le cercle du bouton radio a au moins 11 points de diamètre et présente un contraste de couleur suffisant par rapport à l'arrière-plan de la page, comme recommandé par WCAG 2.1 SC 1.4.11.
Pièges courants et comment les éviter
En pratique, l’erreur la plus fréquente consiste à créer des boutons radio avec des noms de champs différents et à s’attendre à ce qu’ils fonctionnent en groupe. Après avoir placé tous les boutons, ouvrez le panneau Champs et parcourez la liste. Tous les boutons d'un groupe doivent partager exactement le même nom, avec des différences uniquement dans leurs valeurs de choix individuelles. Si vous voyez PaymentMethod, PaymentMethod1 et PaymentMethod2 comme noms de champs distincts, supprimez les deux derniers et recréez-les avec le nom partagé correct.
Un autre problème se produit lorsque les auteurs du formulaire copient et collent un bouton radio pour créer des choix supplémentaires. La copie duplique la valeur du choix ainsi que le nom du champ, ce qui signifie que tous les boutons collés rapportent la même valeur dans les données exportées. Modifiez toujours la valeur du choix pour chaque instance de bouton radio, même si le nom du champ est partagé. Et si votre formulaire doit être rempli sur des appareils mobiles, testez l'espacement des boutons radio sur l'écran d'un téléphone. Les boutons placés trop près les uns des autres sont difficiles à appuyer avec précision du bout du doigt. Laissez au moins 24 pixels d'espace vertical entre les rangées de boutons radio pour permettre la saisie tactile.
Les boutons radio transforment une question autrement ambiguë en un point de données propre et structuré. En les regroupant correctement sous un nom partagé et en attribuant des valeurs d'exportation uniques à chaque choix, vous produisez des données de formulaire qui sont importées directement dans des bases de données et des feuilles de calcul sans nettoyage manuel.
Ajout de boutons radio pour la conformité en matière d'accessibilité
Un groupe de boutons radio accessibles aide les utilisateurs qui s'appuient sur des lecteurs d'écran, la navigation au clavier ou les modes à contraste élevé pour interagir correctement avec votre formulaire. Chaque bouton radio d'un groupe doit avoir une info-bulle décrivant à la fois le nom du groupe et le choix spécifique. Dans Acrobat Pro, ouvrez les propriétés du champ, accédez à l'onglet Général et remplissez le champ Info-bulle avec un texte tel que Sélectionnez votre mode de paiement : Carte de crédit. Les lecteurs d'écran annoncent l'info-bulle lorsque l'utilisateur accède au champ.
L'ordre de tabulation des groupes de boutons radio doit parcourir chaque choix de manière séquentielle. Une fois que l'utilisateur a accédé au groupe, il doit pouvoir utiliser les touches fléchées pour modifier sa sélection au sein du groupe, puis appuyer sur Tab pour quitter le groupe et passer au champ suivant. Il s'agit du comportement standard du clavier défini par la spécification PDF et pris en charge par tous les principaux lecteurs d'écran. Testez le flux de navigation au clavier avant de finaliser le formulaire. Si vous appuyez sur Tab dans un groupe radio pour passer au champ suivant au lieu de vous déplacer entre les options radio, vérifiez que les boutons radio du groupe partagent exactement le même nom de champ.
Pour les exigences de contraste élevé selon WCAG 2.1 niveau AA, assurez-vous que la couleur de la bordure du bouton radio présente un contraste d'au moins 3:1 par rapport à l'arrière-plan de la page. La bordure noire par défaut sur fond blanc répond à cela, mais les bordures de couleur personnalisée sur fond de formulaire gris ou teinté peuvent ne pas l'être. Utilisez un outil de vérification du contraste sur une capture d'écran du formulaire pour vérifier la conformité avant la distribution.
Exporter correctement les valeurs des boutons radio
Les groupes de boutons radio exportent leur valeur sélectionnée sous forme de champ unique dans les exportations de données de formulaire. Si un utilisateur sélectionne CreditCard dans un groupe PaymentMethod, le fichier CSV ou XML exporté enregistre PaymentMethod=CreditCard. La valeur d'exportation utilisée est la valeur du bouton que vous avez attribuée dans les propriétés du champ, et non l'étiquette visible. Pour vérifier quelles valeurs apparaîtront dans les données exportées, ouvrez un formulaire de test, effectuez des sélections, exportez les données et vérifiez que les valeurs correspondent à ce qu'attend votre base de données ou votre feuille de calcul.
Un problème courant d'intégration de données se produit lorsque les valeurs de choix des boutons radio contiennent des espaces, des caractères spéciaux ou une casse incohérente. Standardisez les valeurs de choix dans camelCase ou Snake_case, telles que creditCard ou credit_card, plutôt que Credit Card. Un formatage cohérent évite les erreurs d'analyse CSV et simplifie la validation des champs de base de données. Documentez la convention de dénomination de la valeur de votre bouton dans les notes de conception du formulaire afin que toute personne gérant le formulaire ultérieurement suive le même modèle.
Essayez de modifier le PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.