鍵盤焦點不得鎖定在特定頁面元素,或遭到鎖定。使用者應能只使用鍵盤,在各個頁面元素之間來回瀏覽。
如何手動測試
如要測試使用者不會意外破壞焦點,只要使用鍵盤前往所有網頁元素,即可進行測試。使用 TAB
即可「向前」瀏覽,使用 SHIFT + TAB
則可「向後」瀏覽。
如果無法使用 Tab 鍵瀏覽所有網頁元素,就表示測試失敗。測試時,請特別留意自動完成小工具,因為鍵盤焦點可能會卡住。
如何修正
以多種格式呈現內容的網頁 (例如強制回應對話方塊和小工具) 可能會面臨焦點陷阱。針對顯示強制回應的情況,當您不希望使用者與網頁的其他部分互動時,暫時終止使用者會很合理。
不過,建議您也建議您提供可透過鍵盤操作的逸出方式。請參考這個例子,瞭解如何建立無障礙互動視窗。另請參閱「互動模式和鍵盤陷阱」。在此範例中,您可以取得互動視窗的所需行為,而不會強迫使用者重新整理頁面來離開焦點陷阱。
這些資訊的重要性
對於無法或選擇不使用滑鼠的使用者,鍵盤導覽是存取畫面上所有內容的主要方式。良好的鍵盤體驗取決於邏輯分頁順序和容易辨識的焦點樣式。 如果鍵盤使用者卡住在特定頁面元素,使用者就無法與網頁互動。
詳情請參閱如何進行無障礙審查。