키보드 상호작용
| 키 | 동작 |
|---|---|
| 숫자 키 | 세그먼트에 입력합니다. 뒤에 올 수 있는 숫자가 없으면 다음 세그먼트로 넘어갑니다. |
| 위쪽 / 아래쪽 화살표 | 세그먼트 값을 올리거나 내립니다. Page Up / Page Down은 더 크게 움직입니다. |
| 왼쪽 / 오른쪽 화살표, Tab | 이전 또는 다음 세그먼트로 이동합니다. |
| Backspace | 세그먼트를 지우고, 다시 누르면 이전 세그먼트로 돌아갑니다. |
| A / P | 오전(AM) 또는 오후(PM)로 설정합니다. |
접근성 참고 사항
- 필드는
group입니다.aria-label또는aria-labelledby로 이름을 지정합니다. 각 세그먼트는 맡은 부분의 이름이 붙은spinbutton이며, 월은 월 이름으로, 빈 세그먼트는 ‘Empty’로 읽어 줍니다. - 세그먼트는 편집 가능한 텍스트이므로, 터치 키보드가 숫자 자판으로 열립니다.
- 선택기의 버튼 이름은 ‘Choose a date’이고, 팝오버는
dialog입니다. 날짜를 선택하면 포커스가 버튼으로 돌아갑니다. - 안에 있는 캘린더는 캘린더와 똑같이 동작합니다.