鍵盤互動
| 按鍵 | 動作 |
|---|---|
| 方向鍵 | 移動一個儲存格。在由右至左的文字中,左右方向相反。 |
| Home / End | 移到本列(按住 Ctrl 時為整個表格)的第一個或最後一個儲存格。 |
| Page Down / Page Up | 移動一個畫面的列數。 |
| 在欄標題上按 Enter 或空白鍵 | 依該欄排序;按住 Shift 時,將該欄加入排序。 |
| 在欄標題上按 Alt + 向下鍵 | 開啟欄面板。 |
| 在欄標題上按 Alt + 向左或向右鍵 | 讓欄變窄或變寬;按住 Shift 時則移動該欄。 |
| 在儲存格上按 Enter | 編輯該儲存格;無法編輯時則開啟該列。 |
| F2 或直接輸入 | 編輯儲存格。 |
| 編輯時按 Enter、Esc 或 Tab | Enter 確認,Esc 取消,Tab 確認並移到下一格。 |
| 空白鍵 | 選取該列;按住 Shift 時,選取自上次選取的列起的所有列。 |
| Ctrl + A | 選取所有列。 |
無障礙說明
- 它是帶有
role="grid"的原生<table>,以label命名。欄標題帶有aria-sort,可選取的列帶有aria-selected。 - 表格在 Tab 鍵順序中只佔一個位置。焦點透過漫遊式
tabindex在儲存格之間移動,因此螢幕閱讀器會連同列標題和欄標題一起朗讀每個儲存格。 - 分頁或虛擬化時,
aria-rowcount、aria-rowindex和aria-colindex仍會保持正確。 - 排序、篩選、換頁和編輯錯誤,會透過不打斷目前朗讀的狀態區域朗讀出來。