如何使用 jQuery 使页面上响应单击的所有内容也响应 Enter 和空格键？

Question

作为一名辅助功能顾问，我经常遇到的一件事是单击鼠标即可使用的控件，但无法使用 Enter 或空格键。有很多关于如何向特定元素添加关键功能的示例，但没有通用的示例。我突然想到，如果我有一个脚本，我可以用一块石头杀死很多鸟，并节省大量时间：

• 查找响应点击事件的所有内容并
• 添加空格键并输入关键功能

这可能吗？

Answer 1

这可能是可能的，但无法访问。继续你的类比，你会杀死三只鸟而不是两只，第三只是你的追逐猎鹰。
“所有可点击的东西”不能一次拍摄，因为你需要彻底思考每一个可点击的东西是什么：链接、按钮、下拉菜单按钮等。每种类型的语义正确的 DOM 元素都有自己的角色及其自身行为。另外，空间和输入是不够的。考虑一个链接，例如：

• 它必须可聚焦在 Tab 键上；
• 它必须作为可访问性技术的链接公开，因为例如，屏幕阅读器可以列出网页上的所有链接，并在用户导航到页面时立即告诉用户链接的数量。此外，链接在盲文显示器上带有下划线，而像

  <span>

  这样的“可点击的内容”则没有；
• 对于低视力用户来说，链接必须明显突出（这确实不是我的小菜一碟，但请阅读 WCAG 标准以获取更多信息）。

我们屏幕阅读器用户使用许多技术来简化我们的生活。例如，快速导航键允许我们从一个按钮跳转到下一个按钮，从访问过的链接跳转到下一个链接，等等。

长话短说，您的建议违反了 WCAG（网页内容可访问性指南）中概述的许多可访问性标准。