키보드 상호작용
| 키 | 동작 |
|---|---|
| 화살표 키 | 한 셀 이동합니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 좌우가 반대입니다. |
| Home / End | 행(Ctrl과 함께 누르면 그리드 전체)의 첫 번째 또는 마지막 셀로 이동합니다. |
| Page Down / Page Up | 한 화면 분량의 행만큼 이동합니다. |
| 헤더에서 Enter 또는 Space | 그 열로 정렬합니다. Shift와 함께 누르면 정렬에 추가합니다. |
| 헤더에서 Alt + 아래쪽 화살표 | 열 패널을 엽니다. |
| 헤더에서 Alt + 왼쪽 또는 오른쪽 화살표 | 열을 좁히거나 넓힙니다. Shift와 함께 누르면 열을 이동합니다. |
| 셀에서 Enter | 셀을 편집합니다. 편집할 수 없으면 행을 엽니다. |
| F2 또는 문자 입력 | 셀을 편집합니다. |
| 편집 중 Enter, Esc, Tab | Enter는 확정, Esc는 취소, Tab은 확정 후 다음으로 이동합니다. |
| Space | 행을 선택합니다. Shift와 함께 누르면 마지막으로 선택한 행부터 범위를 선택합니다. |
| Ctrl + A | 모든 행을 선택합니다. |
접근성 참고 사항
role="grid"를 가진 네이티브<table>이며,label로 이름을 지정합니다. 헤더에는aria-sort가, 선택할 수 있는 행에는aria-selected가 지정됩니다.- 그리드는 탭 순서에서 한 번만 멈춥니다. 포커스는 로빙
tabindex로 셀 사이를 이동하므로, 스크린 리더는 각 셀을 행 헤더, 열 헤더와 함께 읽어 줍니다. - 행을 페이지로 나누거나 가상화해도
aria-rowcount,aria-rowindex,aria-colindex는 올바른 값을 유지합니다. - 정렬, 필터링, 페이지 이동, 편집 오류는 읽고 있던 내용을 끊지 않는 상태 영역에서 안내됩니다.