鍵盤可訪問性和輔助技術

Question

我正在嘗試與輔助技術 (NVDA) 一起實現鍵盤輔助功能腳本。

我的腳本捕獲箭頭鍵按下。 代碼片段：

$(document).keydown(function(event){    
    var key = event.keyCode || event.which;
    if(key == 40) //capture arrow key down
    {
         //do something evil
    }
}

問題是，輔助技術有自己的鍵盤綁定。

是否可以讓它們同時工作？

Answer 1

你有一個錯誤

$(document).on('keydown', function() {
    var key = event.keyCode || event.charCode;
    console.log("key " + key);
});     

注意在

$（文件）。 on ('keydown', function()

這應該允許您在控制台中看到按鍵點擊，然后您可以制作自己的按鍵映射。

Answer 2

NVDA 在 2 種模式下工作： Focus和Browse 。 可以使用 NVDA 鍵（CapsLock，如果您已設置它/Insert/Numpad Insert）切換模式

在聚焦模式下，控件的聚焦就像您在沒有 NVDA 的情況下聚焦一樣。 與箭頭鍵不會有任何沖突。

在瀏覽模式下，NVDA 使用

• 向上和向下箭頭鍵導航到內容組，如表格中的單元格，從一個輸入控件/組件到另一個和
• 向左和向右箭頭鍵可按字符閱讀內容。

在那里，我也沒有注意到它會干擾您想要實現的鍵。

例如，您可以使用 NVDA 為這兩種模式測試https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-scrollable.html 。