키보드 상호작용

키동작
숫자 키세그먼트에 입력합니다. 뒤에 올 수 있는 숫자가 없으면 다음 세그먼트로 넘어갑니다.
위쪽 / 아래쪽 화살표세그먼트 값을 올리거나 내립니다. Page Up / Page Down은 더 크게 움직입니다.
왼쪽 / 오른쪽 화살표, Tab이전 또는 다음 세그먼트로 이동합니다.
Backspace세그먼트를 지우고, 다시 누르면 이전 세그먼트로 돌아갑니다.
A / P오전(AM) 또는 오후(PM)로 설정합니다.

접근성 참고 사항

  • 필드는 group입니다. aria-label 또는 aria-labelledby로 이름을 지정합니다. 각 세그먼트는 맡은 부분의 이름이 붙은 spinbutton이며, 월은 월 이름으로, 빈 세그먼트는 ‘Empty’로 읽어 줍니다.
  • 세그먼트는 편집 가능한 텍스트이므로, 터치 키보드가 숫자 자판으로 열립니다.
  • 선택기의 버튼 이름은 ‘Choose a date’이고, 팝오버는 dialog입니다. 날짜를 선택하면 포커스가 버튼으로 돌아갑니다.
  • 안에 있는 캘린더는 캘린더와 똑같이 동작합니다.