1. 增长黑客 Growth Hacker首页
  2. 首席增长官
  3. 产品增长

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设

之前,我们对流行病网站普遍存在的体验问题,以及特殊人群通过网站查询信息的困难性进行了探讨,并提出了一些方案猜想。例如,当用户在网站面临可访问性问题时,他们可以选择与客服联系,提出建议。

但随着人们疫苗接种需求的的指数级增长,这些体验问题愈发严重,我们开始关注用户如何查找接种地点、了解接种方式。

加拿大网站上为每个省或地区提供了登录入口,方便用户准确选择。但可访问性测试的结果令我们大失所望,网站并没有为大众提供易于访问的服务,以确保人们可以轻松获得疫苗信息。这也意味着有些人更难进入接种等候名单,而我们有义务帮助他们。

登录 Canada.ca

我在加拿大网站上找到了疫苗专区,讲述了如何获得疫苗以及注册提示。点击进入,出现了一些地域链接,如下所示:

  • 亚伯达 Alberta
  • 英属哥伦比亚 British Columbia
  • 马尼托巴 Manitoba
  • 新不伦瑞克 New Brunswick
  • 纽芬兰和拉布拉多 Newfoundland and Labrador
  • 西北特区 Northwest Territories
  • 新斯科舍 Nova Scotia
  • 努纳武特区 Nunavut
  • 安大略 Ontario
  • 爱德华王子岛 Prince Edward Island
  • 魁北克 Quebec
  • 萨斯克彻温 Saskatchewan
  • 育空 Yukon

我们开始对以上清单进行逐个体验,了解它们各自对《Web 内容可访问性指南》的遵守程度,以找到更具包容性的在线体验。

方法论

由于每个省或地区可以按照自己的意愿组织信息,所以你会看到有的页面信息非常拥挤,有的登录页选择分屏呈现。因此,对这些页面进行基准测试或体验排名,其结果仅供参考,不具备代表性。

我决定从最常见的问题入手,希望可以提升大家的数字阅读能力。为了确保每个人都可以参与测试,我借用一些流行且免费的自动化或半自动化工具。值得一提的是,浏览这 13 个登录页大概仅花费 2 个小时,包括策划活动所用时间。虽然专业知识会提升工作效率,但这些工具确实承担了大量繁重的工作。

工具

我使用了以下工具:

  • Google Lighthouse:一个浏览器扩展程序,可以在 Chrome 浏览器的「开发者工具」中找到。
  • Axe DevTools:由 Deque Systems 开发的浏览器插件,Chrome、Firefox 和 Edge都可以使用。
  • Wave:由 WebAIM 提供的浏览器扩展程序,在 Chrome 和 Firefox 中可使用。
  • Landmarks:由 Matthew Tyle Atkinson 开发,Chrome 浏览器的扩展程序。
  • Hemingway 应用程序:由 Adam 和 Ben Long 开发,可提供在线服务。
  • 我的键盘:检查网站是否提供了页面的跳转链接。

当然,评估网站内容的可访问性还有很多方法,但这些工具可以为我提供足够的信息了。

调查结果

由于这些页面是政府开发维护的,其本质会比大多数页面更易访问。

但当服务对象是大众时,“比大多数人更易获得” 还远远不够,尤其是应对这类特殊事件(COVID-19 疫苗接种)。

尽管多数省或地区都用了某种形式的可访问性准则来管理网站,但体验结果依旧不尽人意。

我将每个工具的调查结果整理成了电子表格,将为大家逐一展示

工具一:谷歌灯塔 (Google Lighthouse)

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设谷歌灯塔测试结果截图

作为一种快速了解体验状况的基础方法,谷歌灯塔[1] 的价值不容忽视。我经常将它用作网站可用性体验测试的第一步。在测试结果中,有 13 个地区获得满分,例如新斯科舍、爱德华王子岛和萨斯克彻温,排名最后的是新不伦瑞克(89 分)和西北地区(83 分)。

[1]谷歌灯塔是一个前端性能优化辅助工具,可以用来衡量代码质量。但测试者需要正确理解自动测试工具提供的分数。分数可以为手动测试奠定一定的基础,更好的挖掘工具无法涉及的部分。Lighthouse 使用轴芯可访问性测试库及其一组自定义规则进行测试。它指出了一些不良做法,但并非全部。其做法本身并无问题,但如果我们滥用它们,可能是有害的。

需要说明的是,即使谷歌灯塔的测试结果分数高,也不意味着页面的访问性更好。因为自动化工具只能对可访问性的部分体验进行测试,而非全部。

工具二:Axe DevTools

axe DevTools 测试结果截图

Axe DevTools[2] 是我最喜欢的可访问性测试工具。它的误差很小,研究结果更准确,并且对 Web 内容可访问性指导原则的解释也非常到位。虽然这个工具对了解 HTML 的用户更友好,但测试者还是可以很轻松获得问题要点,不需要深入研究源代码。

[2] Axe DevTools 是世界领先的数字可访问性工具包。Axe DevTools 帮助 Web 和移动开发团队在编码时捕获可访问性错误,从而大大减少了手动进行可访问性测试的时间和成本。

测试结果表明,加拿大、新斯科舍、爱德华王子岛和萨斯克彻温的可访问性问题几乎为 0,而其他登录页都存在几个或几十个问题,其中 37 个问题都是关于色彩对比度的。但请注意,问题的数量不代表问题的严重性,更少的问题也不等同于好的体验。

工具三:WAVE

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设Wave 测试结果的屏幕截图

Wave 是由 WebAIM 提供的网页无障碍测试工具,能够发现网站中可能影响老人和视障人士的设计问题,并给出改进建议。它对于可访问性问题的表达更直观,会通过一组图表来指明问题,对不熟悉编码的人相当友好。它有一套独特的评估标准,虽然这个标准还未达成共识,有时被视为固执己见,但它仍是一个优秀的工具。对于不太习惯的使用 HTML 代码的用户,WebAIM 是一个不错的选择。

在 WebAIM 测试结果中,加拿大、马尼托巴、新斯科舍以及育空的登陆页问题为零,而西北地区和努纳武特分别有 9 处问题。出乎意料的是,安大略省此次排名很低,总共有 12 处问题。但所有的问题又可以归结为同一类 —— 与 Ax DevTools 检测出的问题相同 —— 色彩对比度。

工具四:地标(Landmarks)

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设地标测试结果截图

Landmarks 可以通过语音将测试结果告知用户,对视力障碍者非常友好(但使用过程并不轻松)。在网络的早期,导航或其他辅助工具往往提供的是一种线性使用过程。如今这种情况已不复存在。

地标能够轻松识别页面的不同区域,例如页眉、内容、页脚等,使用者可以通过鼠标直接聚焦到某个内容区域,而不需要依靠线性移动来实现锚定。

因此,只要测试对象能正确的展示地标,就意味着人们可以轻松的利用辅助技术来认知信息。地标的使用效果深深的吸引了我,为了熟悉此工具,我进行了反复的测试。值得庆幸的是,测试结果表明,这 13 个登录页的地标信息相当明确。

工具五:海明威应用程序(Hemingway App)

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设海明威应用程序测试结果截屏

网页上显示的副本复杂性,是可访问性测试一个容易被忽视的方面。简单点说,就是弄清楚:普通用户(加拿大人)能够理解页面指示,完成疫苗预约吗?

副本过于复杂导致用户理解成本高,同样会使网站价值大打折扣。根据加拿大统计局和   CBC 于 2021 年初发表的文章,超过一半的加拿大人在阅读方面有困难,超过 1/6 的人没有通过最基本的扫盲测试。

为了应对这一现状,《Web 内容可访问性指南》和《普通语言原则》建议,网站阅读难度不要超过初中教育水准。

像海明威这样的工具可以有效测量副本的复杂度。比如 单词、句子的长度、被动语态等内容。通过算法给副本定级,并帮助作者重写内容,提升网站包容性。

测试结果表明,大多数登录页得分相当不错,最低的阅读水平相当于 4 年级,最高为 11 级,都在合理范围内。

工具六:键盘

可访问性研究,以加拿大网站寻求疫苗接种服务为例|三分设加拿大网站跳转链接截图

除此之外,我还想检查下登录页的导航系统是否有效。测试执行非常简单,仅用键盘的 Tab 键,在标题、主导航菜单以及左侧边栏中的链接和表单控件上反复跳转即可,查看操作是否顺畅,以及跳转内容是否正确。

这样的链接在可访问性网页非常普遍,令我惊讶的是,一些省份的登录页并没有提供这样的操作,例如新不伦瑞克、西北地区、爱德华王子岛和魁北克。

最后

正如前面提到的,这些测试在两个小时内就已完成,从可访问性专家的角度来看,平均   9 分钟的测试无法真正揭示问题。

要真正评估这些登录页的可访问性,还需要做很多工作,这些只是非常基本的测试,仅能获得一些较为明显的问题,例如色彩、链接跳转等。但希望可以给予那些参与创建或维护的设计者们一些提示。

为更多用户提供便利、利益最大化的设计,让残疾人士也可以轻松访问,让每个人都受到欢迎和关爱,早日结束疫情。

—— 如果觉得文章还OK,请转发 ——

特别提示:关注本专栏,别错过行业干货!

PS:本司承接 小红书 / 淘宝逛逛 / 抖音 / 百度系 / 知乎 / 微博/大众点评 等 全网各平台推广;

咨询微信:139 1053 2512 (同电话)

首席增长官CGO荐读:

更多精彩,关注:增长黑客(GrowthHK.cn)

增长黑客(Growth Hacker)是依靠技术和数据来达成各种营销目标的新型团队角色。从单线思维者时常忽略的角度和高度,梳理整合产品发展的因素,实现低成本甚至零成本带来的有效增长…

本文经授权发布,不代表增长黑客 Growth Hacker立场,如若转载,请注明出处:https://www.growthhk.cn/cgo/product/41070.html

发表评论

登录后才能评论

联系我们

139-1053-2512

在线咨询:点击这里给我发消息

邮件:kuko1028@163.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code