Slack 自动化可访问性测试的集成与实施总结

主要观点

Slack 近期在其软件开发生命周期中集成了自动化可访问性测试，旨在提升残障用户的使用体验。这一举措展现了 Slack 对 Web 内容可访问性指南（WCAG）的持续承诺，并通过自动化测试与手动测试的结合，进一步优化了产品的可访问性。

关键信息

1. 背景与目标：

   • Slack 内部制定了可访问性标准，并与外部可访问性测试人员合作，确保符合 WCAG 国际标准。
   • 尽管手动测试在发现复杂可访问性问题方面仍不可或缺，但 Slack 认识到需要引入自动化测试以提高效率。

2. 技术选择与实施：

   • 2022 年，Slack 开始将自动化测试纳入开发流程，选择了广泛使用的可访问性测试工具 Axe。
   • 将 Axe 集成到现有的测试框架（如 React Testing Library 和 Jest）中遇到了一些技术挑战。
   • Slack 最终采用 Playwright 作为测试框架，并通过 @axe-core/playwright 包与 Axe 兼容，同时定制了测试策略。

3. 定制化解决方案：

   • 在 Playwright 测试中，Slack 战略性地在关键用户交互后添加可访问性检查，确保内容完全渲染。
   • 通过过滤无关规则并优先关注关键违规问题，Slack 对 Axe 检查进行了定制。
   • 开发人员使用自定义函数 runAxeAndSaveViolations 在测试规范中触发检查。

4. 测试与反馈机制：

   • Slack 改进了报告机制，利用 Playwright 的 HTML Reporter 生成违规详情和截图，并定制了错误信息。
   • 测试策略包括非阻塞测试套件，与核心功能测试保持一致，并避免重复检查。
   • 开发人员可在本地运行测试、定期调度测试或将其集成到持续集成（CI）管道中。

5. 未来计划：

   • Slack 计划开发针对核心功能（如键盘导航）的阻塞测试。
   • 探索利用 AI 优化测试结果，并自动化可访问性检查的布局。

重要细节

• Slack 的可访问性团队与开发人员密切合作，通过 Jira 工作流跟踪自动化违规问题。
• 定期审计确保测试覆盖范围并避免重复检查，同时探索 AI 驱动的解决方案以进一步自动化这一过程。
• 技术社区（如 Hacker News）对 Slack 的详细实施报告给予了积极反馈，认为其深入的集成工作具有启发性。

结论

Slack 通过集成自动化可访问性测试，展示了其在提升产品可访问性方面的持续努力。通过定制化解决方案、改进的测试机制和未来的 AI 应用，Slack 致力于在自动化与手动测试之间取得平衡，为所有用户提供更包容的产品体验。