Checkbox 使用返回键切换复选框

Checkbox 使用返回键切换复选框,checkbox,input,accessibility,Checkbox,Input,Accessibility,我已经构建了一个导航汉堡,使用复选框切换来显示/隐藏菜单,这样如果用户在非JS浏览器上,菜单就可以工作 但是,这意味着键盘用户必须知道按空格键切换菜单,此时按钮的预期功能将是返回键 如果用户专注于复选框,是否有一种有效的方法可以使用返回键切换复选框,或者我是否应该将其保留在空格键上?我认为最简单的方法是编写脚本以获取所有冒泡按键事件并切换输入 document.addEventListener('keypress',(e)=>{ 如果(e.key==“Enter”&&e.target.cla

我已经构建了一个导航汉堡,使用复选框切换来显示/隐藏菜单,这样如果用户在非JS浏览器上,菜单就可以工作

但是,这意味着键盘用户必须知道按空格键切换菜单,此时按钮的预期功能将是返回键


如果用户专注于复选框,是否有一种有效的方法可以使用返回键切换复选框,或者我是否应该将其保留在空格键上?

我认为最简单的方法是编写脚本以获取所有冒泡
按键事件并切换输入


document.addEventListener('keypress',(e)=>{
如果(e.key==“Enter”&&e.target.classList.contains('js-toggle-Enter')){
e、 target.checked=!e.target.checked;
}
})