我需要使现有的滑块导航控件可访问(wcag2),这意味着 --> 启用对 Prev 和 Next 按钮的全键盘支持。1.首先我需要确保当用户使用 tab 键导航时按钮获得焦点。2. 当用户按下“ENTER”时,滑块的工作方式与鼠标指针在该按钮上的点击方式相同。
到目前为止,这就是我所做的:它解决了第一个问题,但没有解决第二个问题:(
jquery( document ).ready(function(){
jquery(".fusion-naprev").attr("tabindex","0").addClass("tab_enable");
jquery(".fusion-nanext").attr("tabindex","0").addClass("tab_enable");
jquery(".tab_enable").keypress(function(e) {
var code = e.keyCode || e.which;
if (code == '13'){
jquery(this).mouseover();
}
});