Time picker

Keyboard

Tab으로 오전·오후, 시, 분 열을 이동합니다. 각 열에서 위·아래 방향키와 Home/End로 이동하고 Enter 또는 Space로 선택합니다. Escape로 패널을 닫습니다.

Semantics

TimePickerContent에 aria-label 또는 aria-labelledby를 제공합니다. TimePanel만 따로 사용할 때는 role="group"과 aria-label 또는 aria-labelledby로 접근 가능한 이름을 연결합니다. 시간 범위를 지정한 경우 제한 범위 밖의 항목은 선택할 수 없습니다.

Checklist

• 각 열의 문구와 패널 이름이 앱 언어에 맞고, 선택한 시간이 읽히는지 확인합니다.
• 키보드로 각 열을 이동하고 값을 선택할 수 있는지 확인합니다. 시간 범위를 지정한 경우 범위 밖의 항목은 선택되지 않는지 확인합니다.
• Escape나 바깥 클릭으로 닫은 뒤 Trigger에 초점이 돌아오는지 확인합니다.

대비, 확대, 화면 읽기 프로그램 등 공통 점검은 접근성 가이드의 공통 체크리스트를 확인하세요.