키보드 상호작용
| 키 | 동작 |
|---|---|
| 아래쪽 / 위쪽 화살표 | 목록을 연 다음, 옵션 사이를 이동합니다. |
| Page Down / Page Up | 옵션을 열 개씩 이동합니다. |
| Enter | 활성 옵션을 선택합니다. |
| Alt + 아래쪽 또는 위쪽 화살표 | 목록을 열거나 닫습니다. |
| Esc | 목록을 닫고, 그다음에는 텍스트를 지웁니다. 지우기가 가능하면 값을 지웁니다. |
| Backspace | 필드가 비어 있으면 마지막 칩을 제거합니다. |
| 왼쪽 화살표 | 텍스트 맨 앞에서 칩으로 이동합니다(오른쪽에서 왼쪽으로 쓰는 언어에서는 오른쪽 화살표). 칩에서는 Backspace 또는 Delete로 칩을 제거합니다. |
접근성 참고 사항
- 텍스트 필드는
aria-autocomplete="list",aria-expanded,aria-controls를 가진combobox입니다. 포커스는 필드에 머물며,aria-activedescendant가 활성 옵션을 가리킵니다. - 칩은 이름이 있는 목록이며, 각 제거 버튼에는 ‘Remove Italy’처럼 해당 칩에 맞는 이름이 붙습니다.
- ‘No matches’와 로딩 행은 상태 메시지이므로 스크린 리더가 안내합니다.
- 중국어나 일본어 입력처럼 입력기 조합을 확정하는 키는 입력기가 처리하도록 둡니다.