在IE10中对内容进行标签化

Question

我正在开发一个角度应用程序，其中一些UI元素需要通过点击选项卡键来访问--这是因为可访问性原因。例如，当您单击/点击按钮上的“返回”时，内容区域就会打开和关闭。我不希望按钮触发页面刷新，所以我现在有一个空的href。打开/关闭内容区域的链接如下所示

<a href>The link<a>

这在每个浏览器中都很好，但IE10除外，在IE10上，除非href包含一个值(例如，它包含一个值)，否则不能在href上切换。

<a href="#">The link<a>

有人知道如何在IE10中解决这个问题吗？我知道我可以为preventDefault操作编写一些js，但是如果有其他的工作，我不想为类似的事情添加额外的js。

Answer 1

您可能需要使用button，而不是a。

一个 attribute“表示一个占位符，如果链接是相关的，它只包含元素的内容”。这似乎不是你想表达的。

按钮状态下的 element在您的情况下是合适的：

<button type="button">…</button>

它附带了 WAI-ARIA role (“一个允许用户在单击或按下时触发操作的输入”)。并且在默认情况下是可聚焦的。

Answer 2

有几种方法可以解决这个问题：

1. 将tabindex="0"添加到锚点
2. 将href="javascript:;"添加到锚，或
3. 将href="#"添加到锚点

第一个选项和第二个选项的优点是，它们不需要调用event.preventDefault()来阻止页面不断回滚到顶部。