鍵盤navigation

習題預習

1. 如何在網頁上使用鍵盤控制選單或下拉式清單？
2. 在網頁上如何使用 Tab 鍵避免鍵盤焦點失焦？
3. 如何使用鍵盤輸入數字或字母以填寫表單？
4. 如何使用鍵盤控制列表或表格以瀏覽網站？
5. 如何使用鍵盤快捷鍵讓網站的常見功能更加容易使用？

說明知識

Keyboard navigation 是指使用鍵盤上的按鈕控制介面進行操作，讓無障礙人士能夠更輕鬆地瀏覽網頁或使用應用程序。這種方式讓使用者可以使用鍵盤操作代替滑鼠或觸摸屏進行導覽，這是網頁或應用程序的一個重要的無障礙要素。

以下是Keyboard navigation的一些示例：

1. 網站鍵盤導航：許多網站提供快捷鍵或鍵盤命令，將使用者直接導航到該網站的各個部分。例如，GitHub網站使用「G」 +「P」快捷鍵鍵盤進入個人資料頁面，使用「G」 +「N」快捷鍵進入新問題頁面。

2. 電子郵件客戶端的快捷鍵：大多數電子郵件客戶端都提供快捷鍵，讓使用者可以使用鍵盤操作代替鼠標進行常見操作，如寫信，回覆，轉送電子郵件等。

3. 視頻播放器快捷鍵：大多數線上播放器也提供許多快捷鍵，以方便使用者控制播放速度，音量，播放/暫停等操作。例如，在YouTube上使用Spacebar鍵播放/暫停視頻，使用向左或向右鍵可以快進或快退10秒鐘。

總之，Keyboard navigation 是提高網站和應用程式可訪問性的一個重要功能，它可以幫助無障礙人士更容易地使用網站或應用程式。

彙總重點

以下是Keyboard navigation的重點：

1. 使用Tab鍵來選擇下一個可操控的元素，Shift+Tab則是上一個可操控的元素。
2. Enter鍵可以選擇元素、打開彈窗、提交表單等相應操作。
3. 篩選菜單、下拉列表、日曆和其他可選項目的內容時，可以使用方向鍵上下移動，空格鍵勾選/取消選項。
4. 當有彈窗或模態框出現時，Esc鍵可以關閉彈窗或模態框。
5. 一些較常用的操作，如增加/減少數量、滾動左右頁面、選擇頁面中的一個區域等需要使用到熱鍵快速操作。
6. 確保網站或應用程式能夠回應鍵盤離開焦點的情況，如將焦點保留在彈窗或內嵌幫助窗口中，在按下Esc或其他鍵盤按鍵後，可以容易地回到先前的頁面或操作。

知識測驗

1. 在網頁中，如何使用鍵盤導覽到下拉選單並打開它？

答案：在大多數情況下，使用Tab鍵將焦點移到包含下拉選單的元素，然後按下Enter或空格鍵打開選單。如果您需要使用方向鍵在選項中進行瀏覽，則需按下向下箭頭鍵。一些網站也可能允許使用Alt +向下箭頭鍵打開選單。

2. 如何使用鍵盤導覽在網頁中瀏覽數字列表？

答案：使用Tab鍵瀏覽頁面元素時，可以按下Tab + Shift鍵返回上一個數字列表。然後可以使用向上或向下箭頭鍵進行瀏覽，或者使用Page Up或Page Down鍵進行快速移動。

3. 如何使用鍵盤導覽在網頁中定位和輸入搜索欄？

答案：大多數網站設有搜索欄。 使用Tab鍵可以在整個網頁上瀏覽頁面元素。逐步將焦點移到包含搜索欄的元素上，然後按下Enter鍵進入文本框並開始錄入搜索關鍵字。

4. 如何使用鍵盤導覽在網頁中定位和點擊超連結？

答案：使用方向鍵瀏覽網頁時，可以用Tab或Shift + Tab循環向前或向後導航到各個超連結。然後按下Enter或空格鍵來點擊。

5. 如何使用鍵盤導覽在網頁中切換到不同的標籤或窗口？

答案：使用Ctrl + Tab鍵或Ctrl + Shift + Tab鍵向前或向後循環移動到下一個或上一個標籤。對於在新窗口中打開的連結，可以使用Ctrl + W鍵關閉標籤或窗口。