跳至內容

jsx_a11y/click-events-have-key-events 正確性

作用

強制 onClick 事件必須伴隨至少以下其中一個事件:onKeyUp、onKeyDown、onKeyPress。

為什麼這樣不好?

為鍵盤編寫程式碼對於無法使用滑鼠的肢體障礙使用者、輔助技術相容性和螢幕閱讀器使用者非常重要。這不適用於互動式或隱藏元素。

範例

此規則的不正確程式碼範例

jsx
<div onClick={() => void 0} />

此規則的正確程式碼範例

jsx
<div onClick={() => void 0} onKeyDown={() => void 0} />

參考資料

以 MIT 授權條款發布。