我们有一个基于Web的应用程序,它为桌面用户提供了并行体验,其中屏幕的左侧是文件浏览器和编辑器,屏幕的右侧是交互式预览。我们应用程序的用户将在左侧进行恒定且迭代的更改,然后在右侧与预览进行交互,快速连续地来回切换多次。
是否存在“最佳实践”,以允许在这两个交互区域之间快速便捷地导航?我知道这可能属于“意见”类别,但是我认为可访问性是一个被忽略的话题,它有助于拥有尽可能多的资源。
你可以使用一些工具。
标题是进行某些超级简单的节切换的最简单方法之一。屏幕阅读器用户将使用键1到6来按标题级别进行导航,因此,如果你的两个面板均为<h2>
s(例如),则他们可以简单地使用标题来循环定位。
你可以设置键盘快捷键。
但是,你永远不应孤立地执行此操作。我的意思是,如果你说切换窗口为Alt+ 0,则必须允许用户能够将这些键绑定更改为他们的首选项。
这样一来,你的快捷键就不会干扰其屏幕阅读器键(因为它们可能已设置了自定义键盘快捷键)。
请注意:正如评论中指出的那样,这不是WCAG组合键的要求(仅适用于单个键),而是一种可用性最佳实践,并受到强烈鼓励,尤其是在某些屏幕阅读器用户使用修饰键而不是切换键的情况下。屏幕阅读器导航键。
然后,我们进入一个有趣的区域,我想通过说“单手用户将如何使用你的页面?”进行说明。
这个示例使你意识到,还可以考虑使用某种粘性按键解决方案,其中可以在任何时间间隔内使用一系列按键完成按键组合(例如,你可能没有人使用眼睛注视技术或开关,例如,你不想强加时间限制。)
上面显然是极端的例子,但是你可能需要考虑的事情(实际上,任何使用视线的人都可以在视觉上切换面板等)。
能够通过语音(例如,Dragon Naturally Speaking)切换面板也是必不可少的。
现在,你可以使用语音软件进行按键组合,以解决大多数问题,但这些问题可能会令人讨厌和烦恼。
在大多数语音软件上可以快速使用的一件事是单击页面上具有唯一名称的任何按钮。
这样,在每个面板上方都具有一个可激活的按钮,这对语音用户来说将是有益的。
假设这些按钮具有唯一的名称,我可以简单地说“单击激活面板2”(其中“激活面板2”是按钮名称)并立即切换。
请记住,切换面板时,默认情况下每次都会从顶部开始。
这可能正是你想要的,但更可能是糟糕的用户体验。
相反,你可能想记住以前的焦点位置。然后,如果我使用键盘快捷键,它将跳回到面板中的相同位置。如果我使用语音/按钮,请再次单击以更改位置。
但是,如果有人使用标题导航,这显然是行不通的。然后,你可以在标题为“从先前位置恢复”的标题后面直接给他们一个按钮,以修复此问题并使用它来管理焦点。
正如你所看到的,有很多东西可能需要或可能不需要具有不同要求的不同人。
因此,默认情况下添加所有功能可能会使该应用程序无法为大多数用户使用。
取而代之的是设置屏幕,使用户可以打开对他们有利的功能,设置自己的快捷键,打开或关闭粘滞键,确定是否要你为他们管理焦点等。
这超级有用,而且比我希望得到的更多。感谢您抽出宝贵的时间,也感谢您帮助我们更广泛地提供了此类信息。
根本不是问题,感谢您的友好评论,祝您项目顺利!
关于键盘快捷键的小修正:如果快捷键仅使用一个“字符键”(即不带修饰键),则只需提供重新映射或关闭功能,因此即使没有重新映射或切换,Alt + 0也符合标准。提供关闭功能。
(我并不是说要完全忽略可能发生的碰撞,只是WCAG对包含修饰键的快捷方式没有要求。)
我添加了一条注释,以强调这不是WCAG的要求,而是一种最佳实践,并与WCAG的相关指南相关联,请为我们加油。