라디오 버튼(Radio Button)은 웹 개발에서 사용되는 입력 요소 중 하나로, 사용자가 여러 옵션 중 하나만 선택할 수 있는 버튼을 의미합니다. 라디오 버튼은 주로 선택지가 여러 개 있을 때, 사용자가 단 하나의 옵션만 선택할 수 있도록 할 때 사용됩니다.
여러 항목을 중복 체크할 수 있는 체크 박스와 다르게 1개의 항목만 선택하는 게 일반적입니다.
사용 예시:
- 성별 선택: 회원 가입 페이지나 프로필 편집 페이지에서 사용자가 자신의 성별을 선택하기 위해 라디오 버튼을 사용할 수 있습니다.
- 배송 옵션 선택: 주문 페이지에서 사용자가 배송 방법 중 하나를 선택하기 위해 라디오 버튼을 사용할 수 있습니다.
- 평가 척도 선택: 설문 조사나 평가 페이지에서 사용자가 높은 정도에서 낮은 정도까지 평가 척도 중 하나를 선택하기 위해 라디오 버튼을 사용할 수 있습니다.
주의할 점:
- 라디오 버튼은 동일한 그룹 내에서만 단일 선택이 가능하도록 작동합니다. 그룹화된 라디오 버튼은 name 속성을 동일하게 설정하여 하나의 그룹으로 묶어야 합니다.
- 그룹 내에서 초기 선택을 설정할 경우, checked 속성을 사용하여 하나의 라디오 버튼을 미리 선택할 수 있습니다.
- 사용자에게 명확한 선택지를 제공하기 위해 라디오 버튼 옵션의 텍스트는 간결하고 이해하기 쉬워야 합니다.
- 접근성을 고려하여 키보드 사용자와 스크린 리더 사용자가 쉽게 라디오 버튼을 선택하고 그룹 내에서 이동할 수 있도록 설계되어야 합니다.