그룹에서 단일 선택 확인
화살표 키를 사용하여 선택 항목을 이동한 다음 라벨을 탭합니다. 하나의 옵션만 선택됩니다. 그룹 이름과 설명은 선택이 어떤 영향을 미치는지 명확하게 나타내야 합니다.
라디오 버튼 디자인 시스템
단일 선택을 명확하고 조작하기 쉽게 만듭니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
배송 방법을 선택하세요
"배송 방법" 그룹에는 "표준"과 "빠른" 그룹이 있습니다. 각 라벨에는 한 번에 하나씩 선택하여 예상 시간과 요금이 나열됩니다.
변형 및 사용 사례
그룹은 옵션을 선택합니다.
모양과 레이블은 사용자가 그룹에서 하나의 항목만 선택할 수 있음을 나타내야 합니다.
두 가지 옵션을 차례로 선택하십시오. 이전 항목의 선택을 취소해야 하며 그룹 이름은 지워진 상태로 유지됩니다.
예시 일반 및 특급 옵션은 동일한 배송 방법 라벨을 공유합니다.
선정현황
선택, 선택 취소, 비활성화를 유지하고 초점을 쉽게 구별할 수 있습니다. 그룹에는 키보드 작업이 있습니다.
그룹에서 화살표 키를 사용하십시오. 초점과 선택은 무선 규칙에 따라 변경됩니다.
예시 현재 선택된 패키지에는 배경색만 있는 것이 아니라 라디오 표시와 이름이 있습니다.
선택됨아직 선택되지 않음기본값선택사용할 수 없음오류 표시