如何在你的流程中加入无障碍测试的层级

在建立网站或应用程序时,无障碍测试是至关重要的,以确保你所建立的东西将为所有用户工作。这包括残疾用户,也包括有临时和情景限制的人(比如那个在滑雪时摔断胳膊的同事,或者在户外使用手机时屏幕上有强光的客户)。

我们将分享如何通过在数字产品生命周期的不同阶段使用各种工具和方法来 “分层 “进行无障碍性测试,以尽早发现无障碍性问题–此时修复它们更容易、更便宜。采取分层的方法来测试你的网站的无障碍性,也提高了你的网站的可用性 – 这反过来又增加了你的客户群,减少了客户服务的查询。它既可以使你赚钱,也可以为你省钱。

我们将使用一个分层蛋糕的比喻来谈论无障碍性测试的不同层次以及何时使用它们。食品类比在无障碍环境领域已经相当流行!这种方法对我们两个公司都很有效。

这种方法对我们两个人都很有效。Mike是一个经验丰富的无障碍倡导者和政府技术公司(CivicActions)的高级战略家,而Kate是一个无障碍测试平台(Fable)的服务主管。

迈克在开发阶段的早期从技术角度看待无障碍测试,并对实际网站的合规性进行扫描,而凯特则专注于用户体验。我们两人都意识到,在整个产品开发周期中结合多种类型的无障碍性测试是提高整体产品无障碍性的有力方法。在这篇文章中,我们将分享我们学到的一些东西。

大多数组织以三种主要方式处理无障碍性。

  1. 运行工具来检查你的代码和/或用户界面。
    这通常被称为 “自动测试“,因为你使用软件一次自动测试许多可及性问题。
  2. 以一种与你平时不同的方式使用你的电脑。
    例如,不使用鼠标将浏览器放大到200%),或切换到Windows高对比度模式
  3. 使用辅助技术和残疾用户来检查可用性问题。
    这通常被称为 “手动测试“,因为它需要一个人去评估无障碍性问题。

太多的组织完全依赖一个单一的无障碍解决方案来验证他们的网站。没有一个工具或过程能给一个组织带来信心,使他们真正满足尽可能多的人的需求。

如何确保可及性的购买力

在许多组织中,为了进行无障碍测试,你需要主管人员优先考虑并支持这项工作。如果你还没有得到无障碍环境的支持,下面是如何实现这一目标的提示。

  • 检查你的组织是否有无障碍的法律要求。
    “无障碍法 “和 “残疾法 “是搜索词,应该可以在大多数国家找到相关的法律。对于一些组织来说,分担法律风险可能是正确的激励措施。
  • 了解你的竞争对手在做什么。
    检查他们的网站上是否有无障碍声明。大多数组织都渴望在竞争中保持领先地位,知道其他人优先考虑无障碍性可能会起到作用。
  • 与客户服务部门联系,了解是否有无障碍性投诉。
    如果可能的话,直接与客户联系,听取他们的经验,并与公司领导分享这些故事。听到不满意的客户可以是一个巨大的动力。如果你能得到客户的许可,录下他们使用你的产品面临挑战的演示。这样的视频可以很有说服力。
  • 解释财务成本和回报。
    许多公司认为他们负担不起做无障碍环境,但当它被整合到日常工作中,而不是事后的想法时,它就更实惠了。还有来自残疾人的潜在收入–在全球范围内,他们代表了超过3万亿美元的可支配收入

  • 找到合适的倡导者。
    有可能在组织的最高层已经有了一个关心人和做正确事情的人。这可能是一个多样性和包容性的领导者,一个为环境可持续性而奋斗的人,或其他问题。也许是有残疾朋友或家人的人。让他们意识到无障碍环境可能是为他们的努力增加一个新的焦点所需要的全部。

收集你的材料

无障碍环境应该尽可能早地被纳入你的过程。一个开始的地方是采购过程。你可以将无障碍性作为你购买或建造的任何技术系统的审查过程的一部分。DisabilityIN有一些关于无障碍IT采购的优秀资源。

寻找供应商的无障碍声明或产品的VPAT可以帮助你,但也可以用下面的配方中提到的一些工具进行快速审查。不是所有的软件都是一样的,所以你要确保你与那些积极为工具和流程做出贡献的供应商合作**,帮助你从一开始就优先考虑无障碍性**。

如果你正在创建或更新一个设计系统,另一个尽早加入无障碍性的方法是选择一个已经考虑到无障碍性的组件库。寻找有明确的可及性声明和允许你审查问题的开放问题队列的库。

例子。

  • Angular组件团队已经在Material UI库中建立了可访问性。例如,单选按钮组件使用一个带有aria-label的单选组。每个单选按钮对屏幕阅读器用户来说都是选中或未选中,按钮可以像标准HTML单选按钮一样使用箭头键选择,并且聚焦状态清晰可见。
  • Reakit for React在其可及性页面上描述了一个可及性警告功能,该功能将告诉开发者何时需要一个ria-label。
  • Lion无障碍网络组件库 在GitHub中使用a11y标签来标记无障碍性问题,这样你就可以看到正在改进的内容,并在需要时打开你自己的问题。

另一种将无障碍性嵌入到你的流程中的方法是更新你的团队使用的角色之一,以包括残疾。许多人有不止一种残疾,所以至少创建一个有几种残疾的角色,这将确保你在所有的早期设计工作中保持对受众的重视。

为了充实这个角色,要与真正的残疾人交谈–包括临时的和环境的限制–以帮助你了解他们在现实世界中是如何使用技术、网站和应用程序的。五分之一的人有永久性的残疾,但100%的人在他们生命中的某个时刻会面临视力、听力、运动或认知障碍。我们的角色可以反映。

  • 有过敏症、失眠或骨折的人。
  • 使用过时的技术或在户外使用电脑的人;或者甚至是
  • 根据他们的位置改变他们的技术使用的人(例如,当他们需要节省互联网带宽时,禁用图像)。

像这样的小变化可以对你的团队的思维方式产生很大的影响。向领导层和团队宣传这一变化的一个方法是,谈论它将如何使你的角色更加反映你的实际用户–这就是角色的全部意义。他们必须是现实的。

让残疾人参与的最有影响的方法之一是让他们帮助共同设计服务和产品。澳大利亚有一个免费的培训工具箱,介绍如何与残疾人进行共同设计。还有一个关于一家公司如何代表英国政府与有学习障碍的人进行共同设计的伟大案例研究

遗留的IT

无论我们喜欢与否,大部分关于组织IT的决定都是几个月前(如果不是几年前)做出的。即使在采购过程中,无障碍性通常只是众多考虑因素之一。这是意料之中的事–即使在热衷于无障碍性的组织中也是如此。

对于遗留技术,第一步只是提高供应商或团队对无障碍性的重要性的认识。如果你能详细说明你希望使用自动化工具修复的无障碍性问题,这将有助于调整供应商对其问题队列的排名。并不总是有一个社区门户来发布这样的问题,但可能在Twitter或Reddit上有一个社区,你可以把问题曝光。

此外,可能有一个可定制的主题,可以调整以解决一些问题。一些解决方案可能会提供一个应用编程接口(API),允许开发者围绕它建立一个无障碍的用户界面。

如果一个供应商有竞争对手,强调该产品所包含的无障碍功能可能是有用的。提醒供应商,你确实有选择的余地,这可能是有益的。

如果遗留的IT是一个内部建造的产品,快速评估它的一个好方法是只使用键盘。如果你不能用键盘使用该产品(例如,没有可见的焦点或用户界面只能用鼠标点击),那么很可能要花很多精力来改善该产品的可及性。

考虑提供替代性的服务方式(例如,电话支持、上门服务或电子邮件),以便那些因为无障碍性障碍而无法以数字方式访问产品的人仍然可以得到他们所需要的东西。

考虑到组织的路线图,以及何时升级或退役产品是可行的,并权衡无障碍性的成本和努力。如果你有其他较新的产品没有可访问性,如果一个遗留的工具接近生命的终点,将你的努力集中在这些产品上可能更有成效。

配方

这里是一个全面的可及性测试方法的例子,五层的可及性测试蛋糕非常美味。弄清楚你的预算是多少,然后对所有不同的测试方法进行定价。有些是免费的,有些要花钱。在下一节中,我们将提供建议,如果所有这些层级的测试都不符合你的预算,该从哪里开始。

  1. 研究用户需求
    确保你用来筛选潜在研究参与者的调查问卷问及辅助技术的使用。这将使你很容易把残疾人纳入你现有的研究过程,而不需要额外的费用。如果你没能通过这种方式找到参与者,可以尝试与残疾人组织联系。

    你也可以修改你现有的用户角色以包括残疾用户。如果你需要快速而廉价地完成这项工作,你可以从Gov.UK借用用户配置文件的各个方面。如果你有足够的预算,在原型和设计审查中加入残疾人。如果你雇用一个提供这种服务的供应商,这可能是最容易做到的,因此需要有预算。另外,你也可以直接向参与者付费。

  2. 完善你的流程
    鼓励开发人员、设计师和内容作者将无障碍性检查作为他们流程的一部分。这里有使用免费自动测试工具的方法。

    • 下载免费的浏览器扩展/插件,为设计审查做特定的页面测试(WAVEAccessibility Insights)。
    • 如果你使用持续集成测试作为开发人员构建管道的一部分,确保你正在评估可及性(有免费的开源工具用于此,如Axe CorePa11y)
    • 在所见即所得界面中给内容作者提供工具,以识别他们所添加的障碍(HTML代码嗅探器)。
    • 确保你定期抓取你的网站以捕捉无障碍问题。如果可能的话,在暂存环境和生产环境中都运行爬虫程序(Purple Hats是一个免费的开源选项
  3. 手动QA
    你不必增加额外的人员来做QA,只需将其整合到你现有的流程中。如果你只做一件事,那么在你的常规QA中停止使用鼠标。你会在抓到其他功能错误的同时抓到可访问性错误。如果你想做得更多,也可以用屏幕阅读器和放大镜进行测试。

    这里有各种方法,你可以在不购买任何工具的情况下进行人工可及性QA。

    • 你可以不用鼠标访问你的网站吗?使用简单的只用键盘的手动测试来评估新的组件和内容。
    • 使用浏览器的内置放大工具(Ctrl + +),在放大率设置为200%或更大的情况下浏览你的网站。
    • 将你的浏览器或操作系统翻转到黑暗模式,看看你的网站对于对光线敏感的人来说是否运行良好。
    • 使用辅助技术(VoiceOver、Microsoft Narrator和NVDA是免费的选择)与开发人员和设计人员进行冲刺级测试。
  4. 用户测试
    在有专门的无障碍预算的大型企业环境中,你可以付钱给辅助技术用户,让他们在启动前在你的暂存环境中测试功能。

    没有什么能让你更确定你的产品对残障人士有用,而不是通过用户的验证。即使是一个完美的WCAG符合性分数也不能像一个真正使用产品的人那样给你保证。

    残疾人经常被要求免费工作,这是有问题的,因为许多残疾人已经处于经济劣势。如果你正在做一个个人项目,而又没有预算,可以看看你的网络,看看是否有一些人有兴趣帮忙,以换取一个同等的人情。

  5. 专家评审
    如果你的组织有一个无障碍团队,让他们做发布前的用户接受测试。这时,你可以得到你在前面的步骤中可能遗漏的关于WCAG符合性的详细反馈。

    把它看作是最后的检查;你的无障碍小组并不是做所有关于无障碍的工作,每个人都要发挥作用。当无障碍团队制定标准、提供培训、给予指导和评估合规性时,他们是最有效的。他们支持可及性工作,但不是唯一做可及性工作的人。这样,没有一个人或团队成为瓶颈。

    如果你没有一个团队,你可以雇用无障碍专家在发布前做审查。

从哪里开始

从你的位置开始。目标不是完美的,而是持续的改进。一次性实施所有层级不一定是目标。相反,它是关于从一个或两个层次开始,然后随着你的团队在可及性测试方面变得更好,逐渐增加更多的层次。一小块蛋糕总比没有蛋糕好。

个人

  • 如果你是无障碍测试的新手,可以从添加一个免费的浏览器扩展来寻找无障碍问题,并从学习如何修复显示的错误开始。WebAIM的WAVE工具条在这方面很不错。
  • 开始分享你发现的有用的无障碍信息。这可能只是在Twitter或Reddit上,但你也可以启动一个通讯以帮助提高意识。
  • 报名参加专注于可及性的网络研讨会或活动,以便你能学到更多。

团队

  • 一个拥有强大的以用户为中心的设计方法的团队可能想从第一层开始:采访残疾人士作为用户研究的一部分。
  • 一个拥有强大的IT合规流程的团队可能会在他们的持续集成过程中投资于自动化测试的紧密集成,或者先在整个网站上进行爬行。
  • 寻找方法在设计/开发过程的早期纳入无障碍性。

机构

  • 确保你有有意义的无障碍声明,反映你的组织对消除残疾人的障碍的承诺。
  • 建立一个冠军网络,让实践社区成长并互相学习。

自动化工具的局限性

每个面包师都需要有一个他们可以依赖的工具库。有一些专有的无障碍工具值得考虑,但也有很好的开源工具,包括我们在上面的 “配方 “中提到的那些免费的工具。

在现代动态网站中,重要的是使用自动化工具,在它们被发布到实时网站之前及早发现可及性错误。同样重要的是抓取网站,看所有的页面在发布和持续更新后是否仍然符合要求。

挑战在于,设计者和开发者常常认为,如果测试没有报告任何错误,网站就是好的。当你给人们一个测试时,人们往往会朝着它写。不幸的是,许多设计师和开发人员在消除他们用WAVE或Axe看到的错误时就停止了。

说白了,甚至只有一小部分团队会这么做,但如果我们想让网站对更多使用不同类型技术的人来说是可感知的、可操作的、可理解的,我们必须做得更好。

自动化工具是伟大的,但也是有限的。即使是最好的自动化工具也只能捕捉到大约30%到40%的符合WCAG的无障碍性错误。自动工具可以告诉你一个图像是否缺少替代性描述,但它不能告诉你的是描述是否完全不准确或在错误的环境中使用,因此没有用。这仍然需要一个人去评估。

要突破这些限制,重要的是要认识到无障碍性并不自动意味着对残疾人的可用性。把无障碍性看作是最低的标准;它可以与辅助技术一起使用,但要超越 “它可以使用 “到 “它是令人愉快和容易使用的”,你需要用真正的用户来测试。

许多组织已经在做可用性测试,但大多数不包括残障人士。如果你在招募更多的参与者方面有困难,可以考虑与一个拥有辅助技术用户社区和平台的组织合作,使测试变得快速而简单。

让我们开始烘烤吧!

当你致力于建立一个包容性的网站时,使用一个分层的无障碍测试方法。不要只依靠一种测试方式来发现残疾人的障碍。

  • 在建设过程的早期,用辅助技术用户测试你的想法
  • 将定期的自动代码检查纳入网站建设的过程中
  • 作为QA的一部分,使用辅助技术进行人工测试
  • 在发布前与残障人士进行测试
  • 对阶段性工作进行全面的无障碍审查

记住目标不是在测试工具中获得高分,甚至不是满足WCAG准则,而是使你的内容更广泛地被使用,包括对辅助技术用户。

最终,可及性声明是锦上添花。在你的网站上包括一个带有联系信息的无障碍性声明,以提供一个反馈回路。你的用户是专家,每个人都应该成为使网站逐渐完善的一部分。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享