Радиокнопки — это один из основных элементов управления вводом, доступных в PDF Forms. При добавлении в заполняемый документ они дают пользователям возможность выбрать ровно один вариант из группы взаимоисключающих вариантов. Типичные примеры включают выбор способа оплаты, выбор скорости доставки, ответ на вопрос «да» или «нет» или выбор рейтинга удовлетворенности в форме обратной связи.
Добавление переключателей в форму PDF требует примерно тех же усилий, что и добавление текстового поля, но правильная группировка — это то, что отличает функциональную форму от запутанной. Если переключатели имеют одно и то же имя группы, выбор одного из них автоматически отменяет выбор всех остальных в этой группе. Если у них разные имена, они ведут себя как независимые флажки, что почти никогда не является тем, что вам нужно для вопроса с одним выбором. В этом руководстве описаны шаги для Adobe Acrobat Pro, онлайн-редакторов и WukongPDF, а также детали конфигурации, которые часто упускают начинающие авторы форм.
Редактор Fillable PDF WukongPDF помещает все элементы управления формой, включая переключатели, флажки, текстовые поля и раскрывающиеся списки, на единой панели инструментов, доступной без загрузки или установки программного обеспечения. После добавления переключателей сохраните форму, и она готова к распространению.
Переключатели, флажки и раскрывающиеся списки
Понимание разницы между этими тремя типами полей предотвращает самую распространенную ошибку при проектировании форм: использование флажков вместо переключателей. Переключатели обеспечивают взаимную исключительность внутри именованной группы. Флажки независимы; установка одного флажка не влияет на другие флажки. Раскрывающиеся списки также обеспечивают одиночный выбор, но используют компактный формат списка.
| Радиокнопки | Флажки | Выпадающие списки |
|---|---|---|
| Одиночный выбор из набора | Множественный выбор, независимый | Единый выбор, компактный список |
| Сгруппировано по имени поля | Каждая коробка независима | Все товары в одном поле |
| Лучше всего 2-5 вариантов | Лучше всего использовать «да/нет» или множественный выбор. | Лучше всего для 4+ вариантов |
Используйте переключатели, когда все параметры должны быть видны одновременно и пользователь должен выбрать только один. Используйте раскрывающийся список, если вариантов более пяти, а пространство на экране ограничено. Используйте флажки, когда пользователь может самостоятельно выбрать любое количество опций, включая ноль.
Попробуйте редактировать PDF
Никакой установки не требуется. Работает прямо в вашем браузере.
Добавление переключателей в Adobe Acrobat Pro
Откройте PDF-файл в Acrobat Pro и перейдите в «Инструменты», затем «Подготовить форму». Acrobat сканирует документ на наличие кандидатов в поля формы и предлагает места размещения. Для размещения вручную щелкните значок переключателя на панели инструментов, который отображается в виде небольшого круга. Нажмите на страницу, на которой вы хотите, чтобы появился первый переключатель. Назначается имя по умолчанию, например Group1.
Следующий критический шаг. Для второго переключателя в той же группе вы должны дать ему точно такое же имя поля, как и у первого. Если первая кнопка называется PaymentMethod, каждый последующий переключатель в этой группе также должен называться PaymentMethod. Acrobat выдаст вам предупреждение: вы создали переключатель с таким же именем. Выберите «Да, я хочу, чтобы все переключатели с этим именем имели один набор значений». Именно это подтверждение активирует поведение взаимного исключения. Если вы случайно дадите второй кнопке другое имя, эти две кнопки будут функционировать как независимые переключатели, а не как связанные переключатели.
После размещения всех кнопок в группе дважды щелкните любую кнопку, чтобы открыть диалоговое окно «Свойства». На вкладке «Параметры» присвойте уникальное значение каждой кнопке в группе, например «Кредитная карта», PayPal или «Банковский перевод». Это значение экспорта — это то, что отображается в экспортированных данных формы. На вкладке «Внешний вид» установите одинаковый размер шрифта и стиль границы для всех кнопок. Сохраните PDF-файл и протестируйте группу, нажимая каждую кнопку. Одновременно следует заполнять только один.
Добавление переключателей с помощью онлайн-редактора PDF
Онлайн-редакторы PDF упрощают рабочий процесс с переключателями, автоматически группируя кнопки с одинаковыми именами. После загрузки PDF-файла выберите инструмент-переключатель и щелкните страницу, чтобы разместить первый вариант. На открывшейся справа панели свойств введите имя группы и значение выбора для этой конкретной кнопки. Разместите следующий переключатель, присвойте ему то же имя группы и задайте другое значение выбора.
Большинство онлайн-редакторов отображают переключатели в списке полей с расширяемым древовидным представлением, в котором отображается имя группы и каждый отдельный вариант, вложенный под ним. Эта визуальная обратная связь позволяет легко убедиться, что все нужные кнопки принадлежат одной группе. Если кнопка появляется за пределами дерева, перетащите ее в правильную группу в списке полей. После размещения всех кнопок скачайте готовый PDF-файл и протестируйте поведение группы в читалке.
Настройка выбора по умолчанию и параметров стиля
Радиокнопки могут загружаться с одним предварительно выбранным параметром при открытии формы. В диалоговом окне «Свойства» на вкладке «Параметры» установите значение кнопки одного из вариантов по умолчанию, выбрав его и нажав кнопку «По умолчанию». Предварительно выбранный параметр отображается заполненным при загрузке формы. Используйте это, когда один из вариантов применим к большинству ваших пользователей, например, предварительный выбор стандартной доставки, когда ее выбирают большинство клиентов. Не выбирайте заранее вариант ответа на вопросы о согласии или юридических соглашениях; они всегда должны требовать явного действия пользователя.
Внешний вид переключателей имеет большое значение для удобства использования. Внешний вид по умолчанию — небольшой круг со сплошной заливкой, когда он выбран, — хорошо работает на белом фоне, но его может быть трудно увидеть в цветных разделах формы. На вкладке «Внешний вид» вы можете изменить цвет рамки и цвет заливки кнопки, чтобы улучшить контраст. Для обеспечения доступности убедитесь, что круг переключателя имеет диаметр не менее 11 точек и имеет достаточный цветовой контраст по отношению к фону страницы, как рекомендовано WCAG 2.1 SC 1.4.11.
Распространенные ошибки и способы их избежать
На практике наиболее частой ошибкой является создание переключателей с разными именами полей и ожидание, что они будут работать как группа. После размещения всех кнопок откройте панель «Поля» и просканируйте список. Все кнопки в группе должны иметь одно и то же имя, с различиями только в индивидуальных значениях выбора. Если вы видите PaymentMethod, PaymentMethod1 и PaymentMethod2 как отдельные имена полей, удалите последние два и заново создайте их с правильным общим именем.
Другая проблема возникает, когда авторы формы копируют и вставляют переключатель, чтобы создать дополнительные варианты выбора. При копировании дублируется значение выбора, а также имя поля, что означает, что все вставленные кнопки сообщают одно и то же значение в экспортированных данных. Всегда меняйте значение выбора для каждого экземпляра переключателя, даже если имя поля является общим. А если ваша форма будет заполняться на мобильных устройствах, проверьте расстояние между переключателями на экране телефона. Кнопки, расположенные слишком близко друг к другу, трудно точно нажать кончиком пальца. Оставьте не менее 24 пикселей вертикального пространства между рядами переключателей для обеспечения сенсорного ввода.
Радиокнопки превращают неоднозначный вопрос в четкую, структурированную информацию. Правильно группируя их под общим именем и присваивая каждому варианту уникальные значения экспорта, вы создаете данные формы, которые импортируются непосредственно в базы данных и электронные таблицы без очистки вручную.
Добавление переключателей для обеспечения доступности
Доступная группа переключателей помогает пользователям, использующим программы чтения с экрана, навигацию с помощью клавиатуры или режимы высокой контрастности, правильно взаимодействовать с вашей формой. Каждый переключатель в группе должен иметь всплывающую подсказку, описывающую как имя группы, так и конкретный выбор. В Acrobat Pro откройте свойства поля, перейдите на вкладку «Общие» и заполните поле «Всплывающая подсказка» текстом, например «Выберите способ оплаты: кредитная карта». Программы чтения с экрана объявляют всплывающую подсказку, когда пользователь переходит в поле.
Порядок табуляции для групп переключателей должен перемещаться по каждому варианту последовательно. После того как пользователь войдет в группу, он сможет использовать клавиши со стрелками, чтобы изменить свой выбор внутри группы, а затем нажать Tab, чтобы выйти из группы и перейти к следующему полю. Это стандартное поведение клавиатуры, определенное спецификацией PDF и поддерживаемое всеми основными программами чтения с экрана. Прежде чем завершить форму, проверьте процесс навигации с помощью клавиатуры. Если нажатие клавиши Tab внутри группы переключателей приводит к переходу к следующему полю вместо перемещения между параметрами переключателя, убедитесь, что переключатели в группе имеют одно и то же имя поля.
Для требований высокой контрастности в соответствии с WCAG 2.1 Level AA убедитесь, что цвет границы переключателя контрастирует как минимум 3:1 с фоном страницы. Черная рамка по умолчанию на белом фоне соответствует этому требованию, но границы пользовательского цвета на сером или тонированном фоне формы могут не соответствовать этому требованию. Используйте инструмент проверки контрастности на снимке экрана формы, чтобы проверить соответствие перед отправкой.
Правильный экспорт значений переключателей
Группы переключателей экспортируют выбранное значение как одно поле при экспорте данных формы. Если пользователь выбирает CreditCard из группы PaymentMethod, экспортированный CSV или XML записывает PaymentMethod=CreditCard. Используемое значение экспорта — это значение кнопки, которое вы назначили в свойствах поля, а не видимая метка. Чтобы проверить, какие значения будут отображаться в экспортированных данных, откройте одну тестовую форму, сделайте выборки, экспортируйте данные и проверьте, соответствуют ли значения ожиданиям вашей базы данных или электронной таблицы.
Распространенная проблема интеграции данных возникает, когда значения выбора переключателя содержат пробелы, специальные символы или несовместимый регистр. Стандартизируйте значения выбора в CamelCase или Snake_case, например CreditCard или Credit_card, а не в Credit Card. Согласованное форматирование предотвращает ошибки анализа CSV и упрощает проверку полей базы данных. Задокументируйте соглашение об именовании значений кнопок в примечаниях к дизайну формы, чтобы все, кто будет поддерживать форму в дальнейшем, следовали тому же шаблону.
Попробуйте редактировать PDF
Никакой установки не требуется. Работает прямо в вашем браузере.