链接中的tabIndex:0被认为是一种很好的做法,以避免href =" javascript:void(0);"?

时间:2017-12-14 10:20:13

标签: javascript html accessibility tabindex keyboard-navigation

a href="javascript: void(0)"被视为bad practice,我无法在每种情况下使用href="#",因此我想添加一个空的a tabIndex=0以便使用键盘访问。

这被认为是一种好习惯吗?

P.S。 Bootstrap的下拉列表在内部元素中需要<a>才能进行键盘导航,因此我必须使用<a>

2 个答案:

答案 0 :(得分:1)

如果您没有href,则它不是链接,句点。

您可以在引导程序下拉菜单中使用<button type="button">,因此建议您这样做。

答案 1 :(得分:0)

Tabindex = 0会使您的链接可关注但不可点击。不要只使用#,而是使用正在更改或正在导航到的项目的id属性。例如。 <a href="#section2">Step 2</a>或类似的。通过这种方式,您可以获得href,因此链接既可以聚焦又可操作,当单击该链接时,浏览器会将用户发送到该位置。