鍵盤焦點不得鎖定或卡在特定網頁元素。使用者應該要能只用鍵盤,就能往返所有頁面元素。
如何手動測試
如要測試使用者是否會不小心將焦點鎖定在某個元素,請只使用鍵盤瀏覽所有頁面元素。使用 TAB 前往「下一頁」,並使用 SHIFT + TAB 瀏覽「向後」。
如果無法成功按 Tab 鍵瀏覽所有頁面元素,表示鍵盤瀏覽功能無法正常運作。請留意自動完成小工具,以免鍵盤焦點卡住。
進一步瞭解手動無障礙功能測試。
如何修正
以多種格式呈現內容的網頁 (例如模式對話方塊和小工具) 可能會發生焦點陷阱。
如要設置需要互動的強制回應,並避免使用者在確認之前與網頁的其他部分互動,那麼只有在使用者確認之前,您才能考慮暫時欺騙使用者。但是,建議您提供能夠使用鍵盤存取的方法,以逸出互動視窗。
以下是如何建立無障礙模式的範例。在這個範例中,您可以取得模態視窗的預期行為,而不需要強制使用者重新整理網頁,才能擺脫焦點陷阱。
此外,我們也建議您參閱「強制回應和鍵盤陷阱」一文。
重要性
如果使用者無法使用滑鼠或不想使用滑鼠,鍵盤導覽功能是存取畫面上所有內容的主要方式。良好的鍵盤體驗必須仰賴邏輯分頁順序和可辨別的焦點樣式。如果鍵盤使用者卡在某個頁面元素上,就無法與頁面互動。
進一步瞭解如何使用輔助科技進行測試。
資源
「使用者焦點未意外地在區域中卡住」稽核的來源程式碼。