当键盘导航javascript链接时,停止网页浏览器标签顺序跳回页面的开头

时间:2012-10-09 11:38:56

标签: jquery browser accessibility jplayer tabindex

这不是jplayer或浏览器特定的,但在这个查询中,它是我专注的jplayer。

jplayer为上一首和下一首曲目设置了一系列控件,绑定到jquery。盲人用户不用鼠标点击,他们用键盘选项卡,当他们听到他们想要的链接时按Enter键。问题是,它正在将它们倾倒在顶部。

如果你有一个20首曲目的播放列表进行采样,那么回到页面顶部会很烦人。代码jplayer附带的就是这些。

<li><a href="javascript:;" class="jp-play btn btn-large btn-success" > play&nbsp;</a> </li>

我想也许我可以使用自身id的href。虽然这可以打击输入....

<li><a name="jp-stop" id="jp-stop" href="#jp-stop" class="jp-stop btn btn-large btn-primary" >stop</a></li>

...它仍然会将我排在页面顶部。任何建议都非常感谢。

顺便说一下,使用href="javascript:;"而不是a href="#"是否有首选原因?

编辑:我尝试了“动态更改tabindex”,如下面的评论回复中所述,但它不仅似乎不起作用,而且还导致它失败作为tabindex的辅助功能测试人员不应该对页面“乱序”。

我决定选择两个邪恶中较小的一个,accesskeys。但是,如果没有问题,我会打开这个,因为我很想知道是否有解决方案。

1 个答案:

答案 0 :(得分:1)

<强> HREF = “JavaScript的:;”通过href =“#”将始终滚动浏览器。

你可以像这样使用 javascript:void(0)

<li><a href="javascript:void(0);" class="jp-play btn btn-large btn-success" > play&nbsp;</a> </li>

并删除 href =“#”以阻止浏览器向上滚动。