Enable javascript in your browser for better experience. Need to know to enable it? Go here.

数字化产品的无障碍设计策略: 建立网页可访问性的自动化合规机制

行业现状

 

无障碍设计目前正在成为很多数字化产品团队的高优先事项。著名的商业研究公司Forrester曾在2022年的预测报告中指出,未来将有多达100亿美元的设计支出将消费在能够达成其承诺的供应商和服务上。这意味着在无障碍设计方面提升专业知识和能力已经不再是一种差异化,而是一种商业需求

 

在我们的常规认知中,法律、金融、安全、数据保护等领域一直被视为企业合规的重要组成部分。无障碍设计现在也被纳入这一范畴:在未来商业体系中,如果不重视产品的无障碍设计,还可能会带来监管方面的的影响;我们可以看到,它正迅速朝着成为世界很多国家和地区的一项基本法律要求的方向在发展。例如,《欧洲无障碍法案》即将于2025年6月生效;和欧盟的《通用数据保护条例》一样,作为组织,我们需要为这种变化提前做好准备。

 

对大部分数字化企业和团队来说,这个趋势将是一个新的挑战。在应对这个挑战之前,我们首先要了解WCAG(Web Content Accessibility Guidelines,简称WCAG)《网页内容可访问性指南》,它是由万维网联盟(W3C)的网络无障碍倡议(WAI)发布的一系列有关网络无障碍指南中的一部分。它里面提出要确保网页更容易让残疾人等群体访问,它将互联网产品前端页面的视觉可访问程度分为三个等级标准,从松散可访问到高度可访问依次为A级,AA级,和AAA级,能够达到WCAG 2.1标准的 AA级的网页对大部分用户来说是视觉阻碍较低的,更容易访问。

 

思特沃克致力于支持和帮助企业和组织实现更优的网页可访问性,来助力数字化产品的无障碍设计。我们积极倡导更公平的科技未来,并将无障碍设计的可访问性与可持续性、多样性和包容性一起视为构建科技未来的关键因素。在思特沃克的《技术责任手册》里,我们提供了多种方法论、工具和框架,可以帮助整合和完善与无障碍设计可访问性相关的想法和内容。

 

无障碍设计之所以重要,不仅仅是为了规避监管风险,它还有很多其他方面的好处:

  • 更好的内容索引 - 可访问性与SEO(搜索引擎优化)查验相辅相成,可以更好的帮助页面内容被人和机器阅读。

  • 创造收益 - 在美国和加拿大,有近100亿美元的支出投入到与无障碍设计相关领域。(Forrester 2022: CX)

  • 提高品牌忠诚度 - 如果企业履行社会责任,帮助少数群体提高可访问率,全球将有68%的消费者会对该品牌保持忠诚 - gwi.com

  • 规避品牌名誉受损的潜在风险


当你准备向自己的企业和组织推广无障碍设计相关计划时,了解这些价值就很有帮助了.

 

如何将无障碍设计合规计划融入产品策略

 

综上所述,无障碍设计的重要程度可见一斑,那我们如何在产品策略中建立无障碍设计的合规条件呢?可以从以下三个问题入手:

 

  • 谁在如何使用我们的产品或服务?

  • 用户是如何找到并开始使用它的?

  • 有没有哪些用户被“遗留”在门外?

问题 衡量方式 工具示例

谁在如何使用我们的产品或服务?

用户的参与和采用行为数据

产品分析(谷歌分析工具, Matomo等等)

用户是如何找到并开始使用它的?

用户的满意度和持续反馈

应用内置的快速问卷 (Qualaroo,Hotjar等)

有没有哪些用户被“遗留”在门外?

自动和手动的可访问性测试

Google Lighthouse

相信大多数人都非常熟悉前两个问题和答案,但最后一个问题是经常被忽视的。

 

现代管理学之父彼得·德鲁克(Peter Drucker)曾经说过,如果你无法衡量它,你就无法管理它。同理,如果你没有办法衡量它,也会错过以下这些机会:

 

  • 失去增加一个数据采集点来了解现状的机会

  • 失去优化和改进做决策的过程的机会

  • 失去及时发现变化,持续优化结果的机会

  • 失去帮助产品和服务建立统一且公平的衡量指标的机会

     

精益方法:如何从简单开始

 

为了让无障碍设计更具实践意义,我们来分享下思特沃克是如何做的。

首先,从简单入手。在Google Chrome浏览器上,我们可以很容易找到Google Lighthouse这个工具,它是Chrome浏览器内置的一个免费工具,可以自动检查并生成一个前端页面的可访问性结果得分。我们会定期使用这款工具查看每个产品前端页面的可访问性分数,然后手动的将分数结果记录在一个电子表格中进行统计和分析。

 

Lighthouse是DevTools中的一个开源工具。它将前端页面内容与我们前面提到的《网页内容可访问性指南》进行比对。打开这份指南你发现这些指导内容非常广泛和详细,刚开始接触无障碍设计的人看到这么多内容可能会有些不知所措。然而,Lighthouse可以帮助自动识别出最常见的WCAG违规行为,并提供一份易于阅读的报告,整个过程不需要提前恶补任何新知识,可以快速开始改进无障碍设计的检测之旅。

 

虽然Lighthouse已经为我们提供了很便捷的自动检测功能,但Lighthouse每次只能自动检测一个打开的网页,所以,想要批量检测更多页面时,我们只能打开每个页面进行手动检测。因此,我们在公司内部的数字化平台NEO Platform上开发了一款可以对所有内部应用进行批量自动检测可访问性的服务NEO Polaris。

Lighthouse是DevTools中的一个开源工具。它将前端页面内容与我们前面提到的《网页内容可访问性指南》进行比对。打开这份指南你发现这些指导内容非常广泛和详细,刚开始接触无障碍设计的人看到这么多内容可能会有些不知所措。然而,Lighthouse可以帮助自动识别出最常见的WCAG违规行为,并提供一份易于阅读的报告,整个过程不需要提前恶补任何新知识,可以快速开始改进无障碍设计的检测之旅。

 

虽然Lighthouse已经为我们提供了很便捷的自动检测功能,但Lighthouse每次只能自动检测一个打开的网页,所以,想要批量检测更多页面时,我们只能打开每个页面进行手动检测。因此,我们在公司内部的数字化平台NEO Platform上开发了一款可以对所有内部应用进行批量自动检测可访问性的服务NEO Polaris。

 

思特沃克公司的每个员工,都可以通过NEO Polaris获取可访问性分数。特别是产品负责人,通过这个工具,他们可以看到可访问性指标以及其他业务指标(例如:采用、参与、表现、交付等)。并通过这些数据指标得出一些有价值的业务结论和优先级。

 

 

核心优势

 

  • 自动获取多个产品的全部页面的可访问性数据

  • 通过实践提升内部员工对无障碍设计的思维能力

  • 通过显示可访问性数据以及其他业务指标,为产品负责人提供决策支持

 

自动化检测可访问率的局限性

 

自动化检测可访问性对我们来说是一个重要的里程碑。Lighthouse可以识别网页中视觉设计和前端代码中非常基础的WCAG违规行为,目前能够覆盖80%左右的违规检测,但并不能保证100%的违规行为都能被发现,因为WCAG中仍然有小部分行为需要依赖人工手动检测,例如交互逻辑的检测、视觉元素排版顺序等需要依赖人工手动测试来发现问题。所以目前市场上还没有一种自动化工具能够100%覆盖可访问性的自动验证,更完善的检测工作需要通过自动和手动测试相结合的方式来实现,在Lighthouse的检测结果中本身也列举了需要手动检查的元素。

 

同时,在帮助思特沃克员工减少可访问性阻碍方面,我们还在内部工单系统中实施了创建可访问性问题的标签这一举措。这也意味着我们鼓励公司内部的12,000多人成为我们内部系统的可访问性测试人员,这样他们在日常工作中可以及时发现和提供遇到可访问性问题的反馈。这些可访问性问题标签被创建后,还可以用于后台对可访问性问题的监控、跟踪和分析。

 

我们目前衡量内部产品可访问性的成功标准是:

  • 一个数字产品的平均可访问性得分

  • 每个产品团队收到的可访问性工单数量是否提高

 

这是迈向更美好公平未来的激动人心的旅程的开始。

免责声明:本文内容仅表明作者本人观点,并不代表Thoughtworks的立场

了解技术前沿正在发生的事情