javascript - 了解可访问性的访问键

Question

我正在努力使我的导航尽可能易于访问，并且我正在考虑为其添加一些 accesskey 快捷方式，但有一些疑问。

1) accesskeys 可能会与用户区域辅助功能软件上的某些键绑定(bind)发生冲突。这很关键吗？也许一些用于关闭accesskeys 的 JS 是个好主意？

2) 据我所知，应该有一些特殊的数字(accesskeys)用于辅助功能。

1 for home;
2 for skipping navigation;
4 for search input;
9 for contact
0 for accessibility statement;

如果是这样，还有更多吗？比如“帮助”或其他什么？

3) 在 w3.org它说我应该将 accesskeys 放在编号列表 (ol) 中。它有多重要？

4) 从可访问性的 Angular 来看，使用 JS 为网页绑定(bind)热键是否是一种不好的做法？

Answer 1

你的第一点，关于你的访问键与辅助软件和设备附带的快捷方式冲突，是一个真正的问题。除非你准备好对所有可能的设备和软件组合进行跨浏览器测试(例如，我看到 iPhone 6 上插入了一个迷你盲文键盘)，否则你不能保证你的快捷方式是'不要切断人们在他们访问的每个其他站点上使用的快捷方式。

访问键的替代方法是创建一个非常好的跳过菜单。不仅是跳到内容，而且还跳到搜索或联系等。我只在网上看到其中的一些，在我看来是 Simply Accessible 上的那个。是最好看的。 (免责声明:我与他们签约，但没有建立网站)。它使用 JavaScript 来收集标题并将它们变成页面上内容的小菜单。它使用标准链接，辅助技术人员已经很好地管理了这些链接。您可以对要为其创建访问 key 的部分执行相同的操作。或者，如果它们在每个页面上都是相同的部分，您可能不需要 JS，而可以只使用 HTML/CSS 模板。