网页无障碍化的好处以及如何做到

Joanna Falkowska 指出，网页无障碍化可以带来竞争优势、提升搜索引擎优化（SEO）效果，也是基本人权的体现。她强调从开发初期就遵循 WCAG 标准，将无障碍性作为团队共同的责任，避免后期修复无障碍问题时产生的高昂成本。

Joanna Falkowska 在DEV: Challenge Accepted大会上发表了关于创建无障碍网站的演讲。

网页无障碍化是指让残障用户能够访问网页内容。Falkowska 建议使用网页内容无障碍指南来提升无障碍化，创建出具有包容性的网站。

Falkowska 表示，网页无障碍是基本人权的体现。她补充说，我们大多数人要么自己受到残障的影响，要么有家人、朋友或同事受到残障的影响，因此我们应该关心网站无障碍化。产品的无障碍化可以为企业带来竞争优势。

有一些公司将无障碍化视为其多元化、公平性和包容性（DEI）政策的自然延伸以及一项基本人权。也有一些公司出于 SEO 优化的考虑而重视无障碍化，因为搜索引擎会在搜索结果中优先推荐无障碍网站，Falkowska 说。

随着相关立法的推进，无障碍化对于部分企业来说可能很重要。Falkowska 提到，许多国家和机构出台了专门的数字无障碍法律，涉及特定的机构或企业：

最近的一个例子是《欧洲无障碍法案》。这是一项将于 2025 年 7 月生效的欧盟指令，涵盖的范围很广，包括电子商务、银行和交通等。

网页内容无障碍指南是一项全球认可的标准。Falkowska 表示，任何要求符合无障碍规则的法律都会将 WCAG 作为参考依据。它可以在网络上免费获取。此外，还有一个全面的国际无障碍政策列表可供参考。Falkowska 呼吁人们阅读这些政策，并根据其中的成功标准来调整他们的网页内容。

Falkowska 建议，团队成员至少要熟悉与自身角色相关联的无障碍标准中的成功标准：

例如，设计师的主要职责是解决所有可能出现的颜色对比问题，但如果创作团队有一定的灵活性，他们还应深入了解相关的颜色对比规则，从而确保最终内容的无障碍性。

Falkowska 表示，无障碍问题和其他类型的错误一样，越到开发后期，修复的成本就越高。因此，希望实现和维护无障碍标准的开发团队需要在开发的最初阶段就将无障碍化纳入考量。

Falkowska 建议，在梳理新的用户故事时将讨论和在用户故事描述中添加无障碍验收标准作为流程的一部分：

许多团队没有这么做，直到测试阶段被拒绝后才加入无障碍性，甚至有些情况下更晚——在完成无障碍评审后才被补上。

无障碍化无疑是一项团队协作任务。如果我们要将其与开发过程整合，就需要在每一个步骤中都加以考虑，Falkowska 总结道。

InfoQ 对Joanna Falkowska进行了采访，了解与开发无障碍网站相关的内容。

InfoQ：对于那些希望着手开始无障碍开发的开发者，你有什么建议？

Joanna Falkowska：如果你是无障碍化开发新手，我建议你花点时间阅读并理解 WCAG 列出的所有成功标准。一开始可能会觉得有些不知所措，但你可以将学习内容分块进行，按照后续章节（指南）或根据符合性级别（从 A 到 AAA）逐步学习。

第二件事是学习如何使用辅助技术，特别是屏幕阅读器，但也包括一些简单的操作，比如使用键盘而非鼠标进行导航。

最后，当你掌握了这些知识之后，首要任务是……与设计团队建立良好的合作关系，并在必要时指导他们。如果设计团队从一开始就遵循 WCAG 标准，许多无障碍问题就不会在开发阶段出现。

InfoQ：如何将无障碍化融入开发过程？

Falkowska：确保不能只是将无障碍化“外包”给其他部门的无障碍团队或外部审计公司。

无障碍团队应当仅在超出基本范围的问题上为你提供支持，例如当你对键盘导航的实现顺序感到困惑，需要有人分享最便捷的解决方案时。

审计公司应该在开发的最后阶段才介入。他们的角色是认证你的无障碍水平，而不是在开发初期教导你该做什么。我们都知道，在应用运行时更改设计的成本，远远高于在设计线框图阶段就考虑无障碍化。

如果我们想将无障碍化整合到开发过程中，产品负责人应在设计阶段、开发开始之前以及测试阶段反复强调无障碍化的重要性。

如果你的团队成员不清楚在开发无障碍解决方案时应考虑哪些因素，你或许可以邀请一位无障碍专家加入团队，帮助你起草符合 WCAG 要求的规范，并在梳理会议中指导团队成员应关注的重点。

开发无障碍解决方案可能会为你的网站带来更多客户。将无障碍技能添加到你的个人简历中，也能使你在 IT 市场上更具竞争力。那些有法律义务提供无障碍解决方案的公司会很快发现，雇佣了解自身在交付无障碍应用中所扮演角色的团队成员，更具成本效益。

原文链接：

https://www.infoq.com/news/2025/05/accessible-websites-how-to/