问题 建立无href可访问的链接

要使非href A的行为类似于A（并且可以访问），您必须添加 role=link， tabindex=0，把它看起来像一个真正的链接， 和 添加键盘处理程序代码以将Return视为单击。 role =“link”是不够的;屏幕阅读器可以将其报告为链接，但没有 tabindex="0" 和适当的视觉样式，有视觉的用户将无法首先选中它，并且没有键盘事件处理程序，只有鼠标用户才能单击它。 （技术上屏幕阅读器用户通常使用热键来模拟鼠标点击;但只有键盘的用户通常没有该选项，所以不要依赖它。）

或者，如果（如果！）您正在使用的疯狂脚本允许它，您可以尝试填充“键盘点击源”（我的术语）A在原始A中：所以你在哪里：

<a>foo</a>

你替换它：

<a><a class='shim' href="javascript:void(0)">foo</a></a>

（该 class='shim' 仅在您需要执行稍后描述的事件时才需要...） 您可以使用以下内容在jQuery中执行此操作:(借用Jack的答案）

$("a:not([href])").wrapInner("<a class='shim' href='javascript:void(0)'></a>")

这是如何工作的内部新增 <a ...> 有一个 href，因此被暴露为链接并且是可能的。更重要的是，如果用户选中它并按回车，则默认的A行为会将该键盘输入转换为 click 事件。这个特定的A有一个 href 返回undefined / void（0），因此不会发生实际的导航，但click事件仍然会冒泡到原来的A，它会对它起作用。

（这是一个简洁的模式，允许一些父元素 - 通常是DIV或类似的 - 来处理点击事件，添加一个子列表可以从键盘中获取点击事件，为您提供鼠标和键盘都可用的UI。）

这里最大的警告是它假设你的原始剧本并不关心 target 这件事。如果该脚本确实检查了这一点，当它看到来自垫片A而不是原始As的点击事件时，它会感到困惑。解决此问题的一种方法是捕获并重新引发事件，这可能很繁琐，并且可能仅适用于最近的浏览器 - 例如使用以下内容：

// 'shim' class used so we can do this:
$("a.shim").click(function(e) {
    e.preventDefault();
    e.stopPropagation();

    // the following works if listener using jQuery or is setting onclick directly, otherwise...
    // $(e.target).parent().click();.

    // More general way to raise events; may need alternate for IE<9
    var e2 = document.createEvent("UIEvents");
    e2.initUIEvent("click", true, true, window, 1);
    e.target.parentNode.dispatchEvent(e2)
});