使滑块导航可访问(jquery)?

时间:2016-11-12 07:11:15

标签: jquery navigation slider accessibility wcag2.0

我需要使现有的滑块导航控件可访问(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();
   } 
});

0 个答案:

没有答案