라디오 버튼은 PDF 양식에서 사용할 수 있는 핵심 입력 컨트롤 중 하나입니다. 채울 수 있는 문서에 추가되면 사용자는 상호 배타적인 선택 항목 그룹에서 정확히 하나의 옵션을 선택할 수 있는 명확한 방법을 제공합니다. 일반적인 예로는 결제 방법 선택, 배송 속도 선택, 예/아니요 질문에 대답, 피드백 양식에서 만족도 등급 선택 등이 있습니다.
PDF 양식에 라디오 버튼을 추가하는 데에는 텍스트 필드를 추가하는 것과 거의 같은 노력이 필요하지만 그룹화를 올바르게 하는 것이 기능적인 양식과 혼란스러운 양식을 구분하는 것입니다. 라디오 버튼이 동일한 그룹 이름을 공유하는 경우 하나를 선택하면 해당 그룹의 다른 모든 버튼이 자동으로 선택 취소됩니다. 이름이 다른 경우에는 독립적인 확인란으로 동작하며, 이는 단일 선택 질문에 대해 원하는 것이 거의 없습니다. 이 가이드에서는 Adobe Acrobat Pro, 온라인 편집자 및 WukongPDF에 대한 단계와 함께 초보 양식 작성자가 종종 놓치는 구성 세부 정보를 다룹니다.
WukongPDF의 채울 수 있는 PDF 편집기는 소프트웨어를 다운로드하거나 설치하지 않고도 액세스할 수 있는 단일 도구 모음에 라디오 버튼, 확인란, 텍스트 필드 및 드롭다운을 포함한 모든 양식 컨트롤을 배치합니다. 라디오 버튼을 추가한 후 양식을 저장하면 배포 준비가 완료됩니다.
라디오 버튼 vs 체크박스 vs 드롭다운
이 세 가지 필드 유형의 차이점을 이해하면 가장 일반적인 양식 디자인 실수, 즉 라디오 버튼이 속한 확인란을 사용하는 것을 방지할 수 있습니다. 라디오 버튼은 명명된 그룹 내에서 상호 배타성을 적용합니다. 확인란은 독립적입니다. 하나를 선택해도 다른 확인란에는 영향을 미치지 않습니다. 드롭다운은 또한 단일 선택을 시행하지만 간단한 목록 형식을 사용합니다.
| 라디오 버튼 | 체크박스 | 드롭다운 |
|---|---|---|
| 세트에서 단일 선택 | 객관식, 독립 | 단일 선택, 간결한 목록 |
| 필드 이름별로 그룹화됨 | 각 상자는 독립적입니다. | 한 필드의 모든 항목 |
| 2~5개 옵션에 가장 적합 | 예/아니요 또는 다중 선택에 가장 적합 | 4개 이상의 옵션에 가장 적합 |
모든 옵션을 한 번에 표시해야 하고 사용자가 정확히 하나만 선택해야 하는 경우 라디오 버튼을 사용하세요. 옵션이 5개 이상 있고 화면 공간이 제한되어 있는 경우 드롭다운을 사용하세요. 사용자가 0을 포함하여 원하는 수의 옵션을 독립적으로 선택할 수 있는 경우 확인란을 사용하세요.
Adobe Acrobat Pro에 라디오 버튼 추가
Acrobat Pro에서 PDF를 열고 도구, 양식 준비로 이동합니다. Acrobat은 문서에서 양식 필드 후보를 검색하고 배치를 제안합니다. 수동 배치의 경우 도구 모음에서 작은 원으로 표시되는 라디오 버튼 아이콘을 클릭합니다. 첫 번째 라디오 버튼을 표시할 페이지를 클릭하세요. Group1과 같은 기본 이름이 지정됩니다.
중요한 단계는 그 다음입니다. 동일한 그룹에 있는 두 번째 라디오 버튼의 경우 첫 번째 라디오 버튼과 정확히 동일한 필드 이름을 지정해야 합니다. 첫 번째 버튼 이름이 PaymentMethod인 경우 해당 그룹의 모든 후속 라디오 버튼 이름도 PaymentMethod로 지정되어야 합니다. Acrobat은 다음과 같은 경고 메시지를 표시합니다. 동일한 이름의 라디오 버튼을 만들었습니다. 예, 이 이름을 가진 모든 라디오 버튼이 단일 값 세트를 공유하길 원합니다를 선택합니다. 이 확인은 상호 배제 동작을 활성화하는 것입니다. 실수로 두 번째 버튼에 다른 이름을 지정한 경우 두 버튼은 연결된 라디오 버튼이 아닌 독립적인 토글로 작동합니다.
모든 버튼을 그룹에 배치한 후 버튼을 두 번 클릭하여 속성 대화 상자를 엽니다. 옵션 탭에서 CreditCard, PayPal 또는 BankTransfer와 같은 그룹의 각 버튼에 고유한 버튼 값을 할당합니다. 이 내보내기 값은 내보낸 양식 데이터에 표시됩니다. 모양 탭에서 모든 버튼에 대해 일관된 글꼴 크기와 테두리 스타일을 설정합니다. PDF를 저장하고 각 버튼을 클릭하여 그룹을 테스트합니다. 한 번에 하나만 채워야 합니다.
온라인 PDF 편집기를 사용하여 라디오 버튼 추가
온라인 PDF 편집기는 동일한 이름을 공유하는 버튼을 자동으로 그룹화하여 라디오 버튼 작업 과정을 단순화합니다. PDF를 업로드한 후 라디오 버튼 도구를 선택하고 페이지를 클릭하여 첫 번째 옵션을 배치합니다. 오른쪽에 열리는 속성 패널에서 그룹 이름과 이 특정 버튼에 대한 선택 값을 입력합니다. 다음 라디오 버튼을 배치하고 동일한 그룹 이름을 할당하고 다른 선택 값을 지정합니다.
대부분의 온라인 편집자는 그룹 이름과 그 아래에 중첩된 각 개별 선택 사항을 보여주는 확장 가능한 트리 보기와 함께 필드 목록에 라디오 버튼을 표시합니다. 이 시각적 피드백을 통해 의도한 모든 버튼이 동일한 그룹에 속해 있는지 쉽게 확인할 수 있습니다. 버튼이 트리 외부에 나타나면 해당 버튼을 필드 목록의 올바른 그룹으로 끌어다 놓습니다. 모든 버튼을 배치한 후 완성된 PDF를 다운로드하고 리더에서 그룹 동작을 테스트합니다.
기본 선택 및 스타일 옵션 설정
양식이 열릴 때 하나의 옵션이 미리 선택된 상태로 라디오 버튼을 로드할 수 있습니다. 속성 대화 상자의 옵션 탭에서 한 가지 선택 사항의 버튼 값을 선택하고 기본값 버튼을 클릭하여 기본값으로 설정합니다. 양식이 로드되면 미리 선택된 옵션이 채워져 나타납니다. 대부분의 고객이 표준 배송을 선택할 때 표준 배송을 미리 선택하는 것과 같이 하나의 선택이 대다수의 사용자에게 적용되는 경우 이 옵션을 사용하세요. 동의 질문 또는 법적 계약에 대한 선택 사항을 미리 선택하지 마십시오. 항상 명시적인 사용자 작업이 필요합니다.
라디오 버튼의 대부분의 시각적 모양은 유용성에 중요합니다. 선택한 경우 단색으로 채워진 작은 원인 기본 모양은 흰색 배경에서 잘 작동하지만 색상이 있는 양식 섹션에서는 보기 어려울 수 있습니다. 모양 탭에서 버튼의 테두리 색상과 채우기 색상을 변경하여 대비를 향상시킬 수 있습니다. 접근성을 위해 WCAG 2.1 SC 1.4.11에서 권장하는 대로 라디오 버튼 원의 직경이 최소 11포인트이고 페이지 배경과 충분한 색상 대비가 있는지 확인하세요.
일반적인 함정과 이를 방지하는 방법
실제로 가장 빈번하게 저지르는 실수는 서로 다른 필드 이름을 가진 라디오 버튼을 만들고 이들이 그룹으로 작동할 것으로 기대하는 것입니다. 모든 버튼을 배치한 후 필드 패널을 열고 목록을 스캔합니다. 그룹의 모든 버튼은 정확히 동일한 이름을 공유해야 하며 개별 선택 값만 다릅니다. PaymentMethod, PaymentMethod1 및 PaymentMethod2가 별도의 필드 이름으로 표시되는 경우 후자의 두 필드를 삭제하고 올바른 공유 이름으로 다시 생성하세요.
양식 작성자가 라디오 버튼을 복사하여 붙여넣어 추가 선택 항목을 만들 때 또 다른 문제가 발생합니다. 복사하면 선택 값과 필드 이름이 중복됩니다. 즉, 붙여넣은 모든 버튼은 내보낸 데이터에서 동일한 값을 보고합니다. 필드 이름이 공유되는 경우에도 항상 각 라디오 버튼 인스턴스의 선택 값을 변경하십시오. 그리고 모바일 장치에서 양식을 완성하려면 휴대폰 화면에서 라디오 버튼 간격을 테스트하세요. 너무 가깝게 배치된 버튼은 손가락 끝으로 정확하게 누르기가 어렵습니다. 터치 입력을 수용할 수 있도록 라디오 버튼 행 사이에 최소 24픽셀의 수직 공간을 남겨두세요.
라디오 버튼은 모호한 질문을 깔끔하고 구조화된 데이터 포인트로 바꿔줍니다. 공유 이름으로 올바르게 그룹화하고 각 선택 항목에 고유한 내보내기 값을 할당하면 수동 정리 없이 데이터베이스와 스프레드시트로 직접 가져오는 양식 데이터를 생성할 수 있습니다.
접근성 준수를 위한 라디오 버튼 추가
액세스 가능한 라디오 버튼 그룹은 화면 판독기, 키보드 탐색 또는 고대비 모드를 사용하는 사용자가 양식과 올바르게 상호 작용하는 데 도움이 됩니다. 그룹의 각 라디오 버튼에는 그룹 이름과 특정 선택 사항을 모두 설명하는 도구 설명이 있어야 합니다. Acrobat Pro에서 필드 속성을 열고 일반 탭으로 이동한 후 도구 설명 필드에 결제 방법 선택: 신용 카드와 같은 텍스트를 입력합니다. 화면 판독기는 사용자가 필드를 탭하면 도구 설명을 알려줍니다.
라디오 버튼 그룹의 탭 순서는 각 선택 항목을 순차적으로 이동해야 합니다. 사용자가 그룹으로 탭을 이동한 후 화살표 키를 사용하여 그룹 내에서 선택 사항을 변경한 다음 Tab을 눌러 그룹을 종료하고 다음 필드로 이동할 수 있어야 합니다. 이는 PDF 사양에 정의되어 있으며 모든 주요 화면 판독기에서 지원되는 표준 키보드 동작입니다. 양식을 마무리하기 전에 키보드 탐색 흐름을 테스트하세요. 라디오 그룹 내에서 Tab 키를 누르면 라디오 옵션 사이를 이동하는 대신 다음 필드로 건너뛰는 경우 그룹 내의 라디오 버튼이 정확히 동일한 필드 이름을 공유하는지 확인하세요.
WCAG 2.1 레벨 AA에 따른 고대비 요구 사항의 경우 라디오 버튼 테두리 색상이 페이지 배경과 최소 3:1 대비되는지 확인하세요. 흰색 배경의 기본 검정색 테두리는 이를 충족하지만 회색 또는 색조가 있는 양식 배경의 사용자 정의 색상 테두리는 그렇지 않을 수 있습니다. 배포하기 전에 양식의 스크린샷에 대비 검사 도구를 사용하여 규정 준수 여부를 확인하세요.
라디오 버튼 값을 올바르게 내보내기
라디오 버튼 그룹은 선택한 값을 양식 데이터 내보내기의 단일 필드로 내보냅니다. 사용자가 PaymentMethod 그룹에서 CreditCard를 선택하면 내보낸 CSV 또는 XML에 PaymentMethod=CreditCard가 기록됩니다. 사용되는 내보내기 값은 표시되는 레이블이 아니라 필드 속성에서 할당한 버튼 값입니다. 내보낸 데이터에 어떤 값이 표시되는지 확인하려면 테스트 양식 하나를 열고 선택하고 데이터를 내보낸 다음 값이 데이터베이스 또는 스프레드시트에서 예상하는 값과 일치하는지 확인하세요.
일반적인 데이터 통합 문제는 라디오 버튼 선택 값에 공백, 특수 문자 또는 일관되지 않은 대소문자가 포함된 경우 발생합니다. Credit Card가 아닌 CreditCard, Credit_card 등 CamelCase 또는 Snake_case의 선택 값을 표준화합니다. 일관된 형식은 CSV 구문 분석 오류를 방지하고 데이터베이스 필드 유효성 검사를 더 간단하게 만듭니다. 나중에 양식을 유지 관리하는 사람이 동일한 패턴을 따르도록 양식의 디자인 노트에 버튼 값 명명 규칙을 문서화하세요.