Przyciski opcji to jedne z podstawowych elementów sterujących wprowadzaniem danych dostępnych w Formularze PDF. Dodane do dokumentu z możliwością wypełnienia umożliwiają użytkownikom wybranie dokładnie jednej opcji z grupy wzajemnie wykluczających się opcji. Typowe przykłady obejmują wybór metody płatności, wybór szybkości wysyłki, udzielenie odpowiedzi na pytanie „tak” lub „nie” lub wybranie oceny satysfakcji w formularzu opinii.
Dodanie przycisków opcji do formularza PDF wymaga mniej więcej tyle samo wysiłku, co dodanie pola tekstowego, ale prawidłowe grupowanie odróżnia formularz funkcjonalny od mylącego. Jeśli przyciski opcji mają tę samą nazwę grupy, wybranie jednego powoduje automatyczne odznaczenie wszystkich pozostałych w tej grupie. Jeśli mają różne nazwy, zachowują się jak niezależne pola wyboru, co prawie nigdy nie jest oczekiwane w przypadku pytań jednokrotnego wyboru. W tym przewodniku opisano kroki dotyczące programu Adobe Acrobat Pro, edytorów online i WukongPDF, a także szczegóły konfiguracji, których często brakuje początkującym autorom formularzy.
Edytor Fillable PDF WukongPDF umieszcza wszystkie kontrolki formularzy, w tym przyciski opcji, pola wyboru, pola tekstowe i listy rozwijane, na jednym pasku narzędzi, dostępnym bez konieczności pobierania lub instalowania oprogramowania. Po dodaniu przycisków opcji zapisz formularz i jest on gotowy do dystrybucji.
Przyciski radiowe a pola wyboru czy listy rozwijane
Zrozumienie różnicy między tymi trzema typami pól pozwala uniknąć najczęstszego błędu przy projektowaniu formularzy: używania pól wyboru w miejscach, w których znajdują się przyciski opcji. Przyciski opcji wymuszają wzajemną wyłączność w ramach nazwanej grupy. Pola wyboru są niezależne; zaznaczenie jednego nie ma wpływu na żadne inne pole wyboru. Listy rozwijane również wymuszają pojedynczy wybór, ale używają zwartego formatu listy.
| Przyciski radiowe | Pola wyboru | Rozwinięcia |
|---|---|---|
| Pojedynczy wybór z zestawu | Wiele możliwości wyboru, niezależne | Pojedynczy wybór, kompaktowa lista |
| Pogrupowane według nazwy pola | Każde pudełko jest niezależne | Wszystkie elementy w jednym polu |
| Najlepiej dla 2-5 opcji | Najlepiej dla opcji tak/nie lub wielokrotnego wyboru | Najlepsze dla opcji 4+ |
Użyj przycisków opcji, gdy wszystkie opcje muszą być widoczne na raz, a użytkownik musi wybrać dokładnie jedną. Użyj listy rozwijanej, jeśli dostępnych jest więcej niż pięć opcji, a miejsce na ekranie jest ograniczone. Użyj pól wyboru, gdy użytkownik może niezależnie wybrać dowolną liczbę opcji, w tym zero.
Wypróbuj opcję Edytuj plik PDF
Nie wymaga instalacji. Działa bezpośrednio w Twojej przeglądarce.
Dodawanie przycisków radiowych w programie Adobe Acrobat Pro
Otwórz plik PDF w programie Acrobat Pro i przejdź do opcji Narzędzia, a następnie Przygotuj formularz. Acrobat skanuje dokument w poszukiwaniu kandydatów z pola formularza i sugeruje ich umiejscowienie. Aby umieścić element ręcznie, kliknij ikonę przycisku opcji na pasku narzędzi, która jest wyświetlana jako małe kółko. Kliknij stronę, na której ma się pojawić pierwszy przycisk opcji. Przypisana jest domyślna nazwa, np. Grupa 1.
Następnie następuje krytyczny krok. Drugiemu przyciskowi opcji w tej samej grupie należy nadać mu dokładnie taką samą nazwę pola jak pierwszemu. Jeśli pierwszy przycisk ma nazwę PaymentMethod, każdy kolejny przycisk opcji w tej grupie również musi mieć nazwę PaymentMethod. Acrobat wyświetli ostrzeżenie: Utworzyłeś przycisk opcji o tej samej nazwie. Wybierz opcję Tak, chcę, aby wszystkie przyciski opcji o tej nazwie miały wspólny zestaw wartości. To potwierdzenie aktywuje zachowanie wzajemnego wykluczania. Jeśli przypadkowo nadasz drugiemu przyciskowi inną nazwę, oba przyciski będą działać jako niezależne przełączniki, a nie połączone przyciski opcji.
Po umieszczeniu wszystkich przycisków w grupie kliknij dwukrotnie dowolny przycisk, aby otworzyć okno dialogowe Właściwości. Na karcie Opcje przypisz unikalną wartość przycisku do każdego przycisku w grupie, np. Karta kredytowa, PayPal lub Przelew bankowy. Ta wartość eksportu pojawia się w wyeksportowanych danych formularza. Na karcie Wygląd ustaw spójny rozmiar czcionki i styl obramowania dla wszystkich przycisków. Zapisz plik PDF i przetestuj grupę, klikając każdy przycisk. Na raz należy napełnić tylko jeden.
Dodawanie przycisków opcji przy użyciu internetowego edytora PDF
Internetowe edytory plików PDF upraszczają pracę przycisków opcji, automatycznie grupując przyciski o tej samej nazwie. Po przesłaniu pliku PDF wybierz narzędzie przycisku radiowego i kliknij stronę, aby umieścić pierwszą opcję. W panelu właściwości, który otworzy się po prawej stronie, wpisz nazwę grupy i wartość wyboru dla tego konkretnego przycisku. Umieść następny przycisk opcji, przypisz mu tę samą nazwę grupy i nadaj mu inną wartość wyboru.
Większość edytorów online wyświetla przyciski opcji na liście pól z rozwijanym widokiem drzewa, który pokazuje nazwę grupy i każdą indywidualną opcję zagnieżdżoną pod spodem. Ta wizualna informacja zwrotna ułatwia potwierdzenie, że wszystkie zamierzone przyciski należą do tej samej grupy. Jeśli przycisk pojawi się poza drzewem, przeciągnij go do odpowiedniej grupy na liście pól. Po umieszczeniu wszystkich przycisków pobierz gotowy plik PDF i przetestuj zachowanie grupy w czytniku.
Ustawianie domyślnego wyboru i opcji stylizacji
Przyciski radiowe mogą zostać załadowane z jedną opcją wybraną wstępnie po otwarciu formularza. W oknie dialogowym Właściwości, na karcie Opcje, ustaw wartość przycisku jako domyślną, zaznaczając ją i klikając przycisk Domyślne. Po załadowaniu formularza wstępnie wybrana opcja zostanie wyświetlona jako wypełniona. Użyj tej opcji, jeśli jedna z możliwości dotyczy większości Twoich użytkowników, np. wybranie wstępnej wysyłki standardowej, gdy wybierze ją większość klientów. Nie wybieraj z góry wyboru w przypadku pytań o zgodę lub umów prawnych; muszą one zawsze wymagać wyraźnej akcji użytkownika.
Większość wyglądu przycisków opcji ma znaczenie dla użyteczności. Domyślny wygląd, czyli małe kółko z pełnym wypełnieniem, dobrze sprawdza się na białym tle, ale może być słabo widoczny w kolorowych sekcjach formularzy. Na karcie Wygląd możesz zmienić kolor obramowania i wypełnienia przycisku, aby poprawić kontrast. Aby zapewnić dostępność, upewnij się, że okrąg przycisku opcji ma średnicę co najmniej 11 punktów i wystarczający kontrast kolorów z tłem strony, zgodnie z zaleceniami WCAG 2.1 SC 1.4.11.
Typowe pułapki i jak ich unikać
W praktyce najczęstszym błędem jest tworzenie przycisków opcji o różnych nazwach pól i oczekiwanie, że będą działać jako grupa. Po umieszczeniu wszystkich przycisków otwórz panel Pola i zeskanuj listę. Wszystkie przyciski w grupie muszą mieć dokładnie tę samą nazwę, różnią się jedynie indywidualnymi wartościami wyboru. Jeśli widzisz PaymentMethod, PaymentMethod1 i PaymentMethod2 jako osobne nazwy pól, usuń dwa ostatnie i utwórz je ponownie z poprawną wspólną nazwą.
Inny problem występuje, gdy autorzy formularzy kopiują i wklejają przycisk opcji, aby utworzyć dodatkowe opcje. Kopiowanie powiela wybraną wartość oraz nazwę pola, co oznacza, że wszystkie wklejone przyciski zgłaszają tę samą wartość w eksportowanych danych. Zawsze zmieniaj wartość wyboru dla każdej instancji przycisku opcji, nawet jeśli nazwa pola jest wspólna. A jeśli formularz będzie wypełniany na urządzeniach mobilnych, przetestuj odstępy przycisków opcji na ekranie telefonu. Przyciski umieszczone zbyt blisko siebie są trudne do dokładnego dotknięcia opuszkiem palca. Pozostaw co najmniej 24 piksele pionowej przestrzeni między rzędami przycisków opcji, aby umożliwić wprowadzanie dotykowe.
Przyciski opcji zamieniają skądinąd niejednoznaczne pytanie w przejrzysty, uporządkowany punkt danych. Grupując je prawidłowo pod wspólną nazwą i przypisując każdemu wyborowi unikalne wartości eksportu, tworzysz dane formularzy, które można importować bezpośrednio do baz danych i arkuszy kalkulacyjnych bez konieczności ręcznego czyszczenia.
Dodawanie przycisków opcji w celu zapewnienia zgodności z dostępnością
Dostępna grupa przycisków opcji pomaga użytkownikom korzystającym z czytników ekranu, nawigacji za pomocą klawiatury lub trybów wysokiego kontrastu w prawidłowej interakcji z formularzem. Każdy przycisk opcji w grupie powinien mieć podpowiedź opisującą zarówno nazwę grupy, jak i konkretny wybór. W programie Acrobat Pro otwórz właściwości pola, przejdź do karty Ogólne i wypełnij pole Etykietka tekstem, np. Wybierz metodę płatności: Karta kredytowa. Czytniki ekranu ogłaszają podpowiedź, gdy użytkownik wejdzie w pole.
Kolejność tabulacji dla grup przycisków opcji powinna zmieniać się sekwencyjnie przy każdym wyborze. Gdy użytkownik przejdzie do grupy, powinien móc użyć klawiszy strzałek do zmiany wyboru w grupie, a następnie nacisnąć klawisz Tab, aby opuścić grupę i przejść do następnego pola. Jest to standardowe zachowanie klawiatury zdefiniowane w specyfikacji PDF i obsługiwane przez wszystkie główne czytniki ekranu. Przed sfinalizowaniem formularza przetestuj przepływ nawigacji za pomocą klawiatury. Jeśli naciśnięcie klawisza Tab w grupie opcji powoduje przejście do następnego pola zamiast przełączania opcji opcji, sprawdź, czy przyciski opcji w grupie mają dokładnie tę samą nazwę pola.
W przypadku wymagań dotyczących wysokiego kontrastu zgodnie z normą WCAG 2.1, poziom AA, upewnij się, że kolor obramowania przycisku opcji kontrastuje co najmniej 3:1 z tłem strony. Domyślna czarna ramka na białym tle spełnia ten warunek, ale niestandardowe kolorowe obramowania na szarym lub przyciemnionym tle mogą nie. Użyj narzędzia do sprawdzania kontrastu na zrzucie ekranu formularza, aby sprawdzić zgodność przed dystrybucją.
Poprawny eksport wartości przycisków opcji
Grupy przycisków opcji eksportują wybraną wartość jako pojedyncze pole w ramach eksportu danych formularza. Jeśli użytkownik wybierze opcję CreditCard z grupy PaymentMethod, wyeksportowany plik CSV lub XML zarejestruje PaymentMethod=CreditCard. Używana wartość eksportu to wartość przycisku przypisana we właściwościach pola, a nie widoczna etykieta. Aby sprawdzić, jakie wartości pojawią się w wyeksportowanych danych, otwórz jeden formularz testowy, dokonaj selekcji, wyeksportuj dane i sprawdź, czy wartości odpowiadają oczekiwaniom bazy danych lub arkusza kalkulacyjnego.
Typowy problem z integracją danych występuje, gdy wartości wyboru przycisku opcji zawierają spacje, znaki specjalne lub niespójną wielkość liter. Standaryzuj wartości wyboru w camelCase lub Snake_case, takie jak karta kredytowa lub karta kredytowa, a nie karta kredytowa. Spójne formatowanie zapobiega błędom analizowania pliku CSV i ułatwia sprawdzanie poprawności pól bazy danych. Udokumentuj konwencję nazewnictwa wartości przycisków w uwagach do projektu formularza, aby każda osoba obsługująca formularz później postępowała według tego samego wzorca.
Wypróbuj opcję Edytuj plik PDF
Nie wymaga instalacji. Działa bezpośrednio w Twojej przeglądarce.