Segmented Control
분할 컨트롤
Segmented control은 여러 선택지를 한 줄로 묶어서 모드, 필터, 값을 바꾸는 버튼들이야.
실제 예시
일, 주, 월로 달력 범위를 변경합니다. 현재 선택 항목은 표시된 상태로 유지됩니다.
주요 부분
- 01시각적 레이블
- 02Interaction target
- 03Current state
- 04Keyboard behavior
사용할 때
하나만 활성화될 수 있는 두세 개에서 다섯 개 정도의 짧은 선택지에 사용하세요.
다음 경우에는 사용하지 마세요
탭 의미가 필요한 큰 콘텐츠 섹션을 전환할 때 절대 사용하지 마세요.
코드에서 사용된 이름
ToggleGroup / NSSegmentedControl 출시하기 전에
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome：Complete the task with 분할 컨트롤 (Segmented Control)。 User context：일, 주, 월로 달력 범위를 변경합니다. 현재 선택 항목은 표시된 상태로 유지됩니다. Recommended pattern：분할 컨트롤 (Segmented Control)。 Why it fits：하나만 활성화될 수 있는 두세 개에서 다섯 개 정도의 짧은 선택지에 사용하세요. Do not use it when：탭 의미가 필요한 큰 콘텐츠 섹션을 전환할 때 절대 사용하지 마세요. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 분할 컨트롤 (Segmented Control) is used now. Definition: Segmented control은 여러 선택지를 한 줄로 묶어서 모드, 필터, 값을 바꾸는 버튼들이야. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.