网页可访问性的用户测试

WebFX总裁。比尔在互联网营销行业拥有超过25年的经验,专门从事SEO,用户体验,信息架构,营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研究和开发项目奠定了基础。

网页可访问性的用户测试如果你住在大城市,你乘坐的公共汽车、火车和有轨电车很有可能为身体残疾和有特殊需要的人提供便利。你的电梯和人行道也一样。你的网站怎么样?

据《福布斯》杂志报道,残疾人是世界上最大的少数群体1万亿美元全球市场。为了提供一个比较的视角,考虑到2011年云服务的总市场只有910亿美元。据麦肯锡(McKinsey)称,美国包装消费品(CPG)的整体市场规模仅为《福布斯》估计的两倍,为2万亿美元;那是全国所有的CPG——漱口水,纸巾,汰渍,所有的东西。

我把残疾人使用网络的方式称为“比一般人聪明”。有无数的辅助技术可以帮助解决这一挑战。在我们看可用性测试之前网页可及性,让我们首先讨论用户测试通常是如何进行的,以便您可以更好地了解可访问性用户测试的独特之处。

可用性测试101

如果你没有可用性测试的经验,我现在就给你上一堂速成课。在可用性测试中,研究人员观察用户与产品或网站的交互,以发现不友好的地方。

在一个基本的可用性测试中,你试图理解的是:给定一个任务,有多少参与者能够有效地成功地完成它?例如,如果一所大学想要了解潜在的学生是否可以轻松地提交关于研究生课程的小册子的请求,他们可能会从进行可用性测试开始,定量地了解有多少潜在的学生能够有效和成功地完成任务。定性地说,你可以研究结果,你可以做些什么来优化潜在学生在网站上找到方法来完成这项任务的体验。

可用性测试的类型

有几种不同类型的可用性测试。

远程用户测试远程用户测试是可用性测试的一种形式,测试人员通过电话、网络摄像头或在线工具来调节测试,而不是在现场与用户在一起。这通常是由分散在国家(或世界)的用户完成的,并且预算限制要求测试人员寻找替代方法来进行面对面的测试。适度或不适度的用户测试适度的用户测试指的是有一个现场主持人详细说明访问者需要完成的任务的研究。

在面对面、适度的测试场景中,测试人员通常由网络摄像头或现场观察者监视。无节制的用户测试通常给用户一个简单的提示,让他们自己决定如何做提示。在线用户测试在线用户测试描述了基于网络的工具的使用(与测试参与者坐在专门为测试设置的房间里相比)。

可用性测试的例子

假设你是一名可用性测试员。

您可能会看到如下所示的屏幕。这个接口是我自己的Loop11所特有的用户测试SaaS的公司。在浏览器中进行的可用性测试可能是什么样子。在这种情况下,可用性测试人员被要求完成三个不同的任务:

  • 自由浏览苹果网站获取信息
  • 买一个iPad保护套
  • 获取有关iPad电池寿命的信息

假设你正在进行这个可用性测试。

以下是你最终要寻找的数据:可用性测试的数据呈现在网页上。你可以阅读更多关于这个实验的内容在这里

Web可访问性用户测试的独特挑战

既然您已经了解了用户测试的基本原理,那么您就可以更好地理解有身体残疾的人在浏览Web时所面临的一系列独特障碍——我们大多数人可能都没有想过这些困难。

影响网站可访问性的残疾的例子

以下是一些可能会影响人们像大多数人一样体验网络的残疾。

  • 运动障碍:就像截肢者不能使用传统的鼠标、键盘或触摸屏与网页互动时的体验一样。
  • 视觉障碍:这包括不同程度和发病的视觉障碍,如色盲、低视力和完全视盲。
  • 认知障碍:例如,创伤性脑损伤,脑部疾病,等等。
  • 听力障碍:这包括不同程度和开始的损害,如出生时完全耳聋或随着年龄增长而发展的听力下降。

辅助技术的例子

对于患有自闭症的儿童和成人,一个熟悉的工具是TalkingTILES。这是一个基于触摸的应用程序,被称为“辅助和替代通信”(AAC)应用程序,可以在任何主要平台和任何计算机上运行。TalkingTILES应用程序的截图。这个想法是让有语言障碍的人能够使用符号和视觉文字与周围的世界以及电脑进行交流。

最低网站可访问性的基本建议

当涉及到用户测试时,我们可以采取一些简单的步骤来确保我们的站点至少能够与辅助技术相连接。

这反过来又消除了我们网站上的常见问题,使我们能够将测试重点放在没有用户测试通常很难发现的事情上。

在Web表单的输入元素中使用描述性标签元素

如果访问者正在使用屏幕阅读辅助技术来解释计算机屏幕上显示的内容(专为视障人士设计),那么您的web表单将很难(如果不是不可能的话)与之交互。下面是an的一个例子<输入>元素具有良好的描述性<标识>

<标签=“用户名”标签>名称:< / > <输入id = "用户名"Type ="text" name="textfield" />

注意属性很重要,因为它“链接”了<标识>元素转换为适当的<输入>元素。

仅用于键盘场景的测试站点导航

您的网站的每个组件必须只能使用键盘导航。有些网站访问者不能使用鼠标或触摸板,所以如果需要的话,你的网站应该通过键盘导航来访问。

一个基本的测试是:使用Tab键,看看是否能进入所有的超链接和交互元素,比如下拉菜单中的链接;<输入>元素,按钮等等。另外,检查当前活动的可交互元素是否突出显示并可见。下面是谷歌搜索页面,展示了Tab键导航的效果。

活动/聚焦元素使用CSS样式,因此它呈现为蓝色边框。谷歌搜索页面显示Tab键导航当您按Tab键时,它会转到下一个HTML元素。蓝色边框从先前的活动元素中移除,并转移到当前活动的HTML元素中。

谷歌搜索页面显示Tab键导航样式和预期行为是一致的。谷歌搜索页面显示Tab键导航

对图像有用的Alt属性

在你的网站上,图片对于理解所呈现的内容至关重要,必须有一个有用的alt属性值,以帮助无法看到图像的人。当然,作为一个网站所有者,你总有更多的事情可以做,上面的提示只是你可以采取的几个基本步骤,让你的网站更容易被人们访问。

Web可访问性的用户测试示例

当我们谈论可访问性用户测试时,我们指的是一组关注于依赖辅助技术访问web内容的用户的可用性研究。

目的通常是确定是否每个人,无论身体或认知障碍,都可以使用网站。在最近的一个项目中,Knowbility,一个致力于增加技术可访问性的非盈利组织,使用我们的软件进行了可访问性评估。Knowbility.com主页截图。Knowbility网站主页的截图。

参与者

他们招募了一些对访问网站有特殊需求的参与者,这样研究人员就可以确定参与者在浏览某所大学的网站时可能会遇到什么障碍。

参加者包括:

  • 视障人士(从弱视到法定失明)
  • 有认知障碍的人(如创伤性脑损伤)
  • 有运动障碍的人(如截肢者)

一些参与者使用辅助技术,如屏幕阅读器、屏幕放大镜和运动障碍的自适应技术。

发现

总的来说,虽然9名参与者中有6人认为该网站易于使用,但测试的网站可以从几个改进中获益。没有一个参与者认为在网站上跟踪他们当前的位置是困难的。总的来说,他们都觉得导航是合乎逻辑的,而且呈现得很好。

遇到的三个主要可访问性问题与键盘使用和屏幕阅读器可访问性有关。

  1. 下拉菜单无法通过键盘访问,这使得视觉和运动障碍的参与者无法访问它们。
  2. 我们发现了键盘焦点问题:一些交互元素按预期点亮,而另一些则没有。
  3. 缺少标题(例如:<标题>< h2 >,< h3 >)使得导航对那些使用音频屏幕阅读器的人来说既繁琐又耗时。参与者不能跳过不相关的部分内容,他们唯一的选择是听完整页的内容,直到他们听到相关的内容出现在屏幕阅读器上。

如果没有实际的用户测试,通常很难找到这些发现。因为知道如何创建可访问的网站是一回事,但真正见证不同能力的人如何使用网站是另一回事。

现在测试你自己的网站的可访问性

  • 你能用键盘来浏览你的网站吗?
  • 你的网站是否使用了易于分解的标题,以便屏幕阅读器有效地扫描?
  • 互动元素是否适合所有受众?
  • 你的链接是否对色盲访问者有足够的区别?

在可访问性测试的世界里,当然有很多需要考虑的因素,但这不应该阻止网页设计师和用户体验专家确保网站是按照通用设计构建的。

了解更多关于网页可访问性用户测试

2012年,我和一些优秀的人在Knowbility

你可以在YouTube上观看这个网络研讨会,它嵌入在下面。要了解更多可用性测试人员面临的问题,您也可以查看我的7系列视频:在线可用性测试101。它是免费的,但你需要输入你的电子邮件地址。

网上的其他一些资源和文章可供阅读:

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识并成长为个人。

我们招聘! 视图30 +职位空缺!