辅助功能 - 提供在交互部分之间轻松导航的机制

Question

我们有一个基于网络的应用程序，它为桌面用户提供并排体验，其中屏幕左侧是文件浏览器和编辑器，屏幕右侧是交互式预览。我们应用程序的用户将在左侧进行不断的迭代更改，然后与右侧的预览进行交互，快速连续地来回切换多次。

是否存在允许在这两个交互区域之间快速轻松导航的“最佳实践”？我知道这可能属于“意见”类别，但我认为可访问性是一个被忽视的主题，因此拥有尽可能多的资源会有所帮助。

Answer 1

您有一些工具可供使用。

标题

标题是烘焙一些 super 简单的部分切换的最简单方法之一。屏幕阅读器用户将使用键 1 到 6 按标题级别进行导航，因此如果两个面板都是 <h2> (例如)他们可以简单地使用标题循环定位。

键盘快捷键

您可以设置键盘快捷键。

但是你永远不应该孤立地这样做。我的意思是，如果你说切换窗口是Alt + 0你<强>必须允许用户能够根据自己的喜好更改这些键绑定(bind)。

这样您的快捷键就不会干扰他们的屏幕阅读器键(因为他们可能设置了自定义键盘快捷键)。

请注意:正如评论中指出的，这不是 WCAG requirement for key combinations (仅适用于单键)，但这是一种可用性最佳实践，值得高度鼓励，特别是当某些屏幕阅读器用户使用修饰键而不是切换键进行屏幕阅读器导航时。

然后我们进入一个有趣的领域，我想通过“单手用户如何使用您的页面？”来说明这一点。

这个例子让你意识到，也可以考虑某种粘滞键解决方案，其中可以使用一系列按键来完成按键组合，任何时间间隔(因为你可能有一个没有手的人使用眼睛凝视技术或开关例如，这样您就不想施加时间限制。)

显然，以上是极端的例子，但您可能需要考虑一些事情(实际上，任何使用眼睛注视的人都可以在视觉上切换面板等)

语音命令

能够通过语音(例如 Dragon Naturallyspoken)切换面板也很重要。

现在您可以使用语音软件进行组合键，这样可以解决大多数问题，但它们可能会很烦人且繁琐。

在大多数语音软件上，可以快速使用的一件事是单击页面上具有唯一名称的任何按钮。

因此，在每个面板上方都有一个用于激活它的按钮对语音用户来说是有益的。

假设这些按钮具有唯一的名称，我可以简单地说“单击激活面板 2”(其中“激活面板 2”是按钮名称)并立即切换。

您需要管理焦点吗？

请记住，当您切换面板时，默认情况下每次都会从顶部开始。

这可能正是您想要的，但很可能这将是一个糟糕的用户体验。

相反，您可能想记住之前的焦点位置。然后，如果我使用键盘快捷键，它会跳回到面板中的同一位置。如果我使用语音/按钮单击再次更改位置。

但是，如果有人使用标题来导航，这显然是行不通的。然后，您可以在标题后直接给他们一个按钮，显示“从以前的位置恢复”来解决此问题并使用它来管理焦点。

用户设置

正如您所看到的，有很多东西是不同需求的不同人可能需要或不需要的。

因此，默认添加所有功能可能会使应用程序对于大多数用户来说更难使用。

而是有一个设置屏幕，让用户可以打开对他们有利的功能，设置自己的快捷键，打开或关闭粘滞键，决定他们是否希望您为他们管理焦点等。