体验设计

通过键盘或屏幕阅读器与Web交互的重要性

键盘和屏幕阅读器都很有用健壮的用于浏览网页和应用程序的各种形式的技术,让网络用户能够浏览数字体验,并与他们无法访问的内容进行互动。

键盘和屏幕阅读器——并非所有用户都一样

人们通常认为,视力或行动障碍的网络用户是唯一能利用这些设备的人,但事实上,其他用户也能从中受益。例如,许多残疾人使用常见的键盘快捷键,如“命令+ S”在Windows上保存文件,以及“控制+ S”在Mac OS上保存文件。无论我们的能力如何,有许多键盘命令可以让我们更有效地工作。

另一方面,对于盲人和低视力的网络用户,或者那些由于颤抖或肌肉无力等限制而无法操作鼠标的运动技能障碍的人来说,键盘和屏幕阅读器都是他们与在线内容互动所需要的重要技术。这些用户使用谷歌的Talkback或苹果的VoiceOver等文本转换语音程序,实际上是免提的屏幕阅读器。这些原生iOS屏幕阅读器的工作原理类似于NVDA(非视觉桌面访问)等独立阅读器,它会扫描网站内容并大声朗读。

知识是关键

对于设计师和开发人员来说,理解网络用户面临的这些限制并理解他们如何浏览在线体验是很重要的。例如,Sitecore的首席技术顾问Eric Sanner建议:“关掉显示器,完全依赖屏幕阅读器而不是视觉,看看你是否能理解页面的流程。大多数屏幕阅读器用户都有一组键盘快捷键来浏览页面,并经常使用这些工具,比如在标题标签之间跳过' h '键。”

屏幕阅读器的另一个常见用途是找到一个“地标”元素,并在该地标上下查看更多或相关的内容。这两个技巧都是为更多网络用户设计高效易用的数字体验的关键。

键盘和屏幕阅读器-没有鼠标的计算

最近Ian O 'Bara,无障碍布道者,发表在了人类因素与工效学学会人机交互国际,向Perficient的同事演示了一个真正的键盘用户如何使用键盘快捷键在网页中切换。

“键盘导航是开始学习的好地方,”O 'Bara说。“它让视力正常的用户能够确认页面的焦点顺序,帮助他们定位页面,并从逻辑上找到他们想要的内容。”Mac操作系统和Windows操作系统都有许多快捷方式,以至于你可以在没有鼠标的情况下工作。奥巴拉建议学习基本的键盘快捷键,并认为这是一个学习的好地方。为了理解键盘导航对键盘用户的重要性,我们需要理解“焦点顺序”在网页或移动应用程序中的重要性W3C成功标准2.4.3:焦点顺序

“……以确保当用户按顺序浏览内容时,他们遇到的信息顺序与内容的含义一致,可以通过键盘操作。这让用户对内容形成一致的心理模型,从而减少了混淆。可能有不同的顺序来反映内容中的逻辑关系。例如,在表中每次移动一行或每次移动一列都反映了内容中的逻辑关系……”

更多的……

此外,O 'Bara还演示了使用NVDA(一种免费的开源屏幕阅读器)访问几个网站的能力。它是众多屏幕阅读器之一,工作原理与Mac VoiceOver或谷歌Talkback有所不同,但总的来说,它们实现了相同的目标,让键盘用户访问网站和应用程序内容,如NVDA。屏幕阅读器的一种操作方式也是一样的,即他们逐字抓取网站页面。Sanner强调:“屏幕阅读器是非常线性的,他们从上到下阅读页面,因为他们没有任何空间布局的感觉。”“例如,如果一个设计在按钮的左边有文本,屏幕阅读器就无法知道这一点。”

在O 'Bara的演示中,他指出了屏幕阅读器和键盘导航之间的一个重要区别,“使用键盘导航有屏幕阅读器所没有的一些限制,比如更容易、更快速地浏览地标区域,比如页眉、主页和页脚。”如果使用键盘,你就没有那么容易使用,所以O’bara推荐了这个技巧,“将页面上的第一个用户界面(UI)元素作为指向页面主体的链接,并与那里的元素进行交互”。

Sanner在为屏幕阅读器用户创建或修改用户体验时,为设计师和开发者提出了一个关键建议:“考虑页面上重要的内容,确保屏幕阅读器能够听到这些内容。例如,信用评级网站,页面上最重要的事情之一是你的信用评分,如果屏幕阅读器错过了这条信息,那就非常糟糕,因为这类辅助技术无法访问它。”键盘tab键也是如此。

简单易用的交互

现在您已经基本了解了为键盘和屏幕阅读器辅助技术设计的重要性,请继续关注本系列的第二次安装,在该安装中,我将深入研究Web Content Accessibility Guidelines (WCAG) 2.2的工作草案,这对设计屏幕阅读器和导航可访问性意味着什么。欲了解更多关于可访问性的信息,请下载我们的指南,数字可访问体验:为什么重要以及如何创造它们,并查看我们的UpSkills系列易访问设计系列的UX有关无障碍设计的更多信息,请与我们联系可访问性智商。

关于作者

我是亚特兰大办公室的高级用户研究经理。

更多作者介绍

留下一个回复

这个网站使用Akismet来减少垃圾邮件。了解如何处理您的评论数据