从 9 月 22 日星期六到 9 月 24 日星期一，二十多人在伦敦会面，致力于改善 MDN Web 文档 的无障碍体验 - 包括关于无障碍功能的内容和网站本身的无障碍功能。虽然还有很多工作要做，但这次活动的成果是双方都取得了相当大的进步。

参加 “在 MDN 上进行黑客攻击” 活动的人员聆听 Eva Ferreira 的闪电演讲。照片由 Adrian Roselli 拍摄。

“在 MDN 上进行黑客攻击” 活动

“在 MDN 上进行黑客攻击” 活动起源于 2010 年至 2013 年举办的 MDN 文档冲刺 活动，该活动召集了员工和志愿者，在一个周末内撰写和本地化 MDN 的内容。顾名思义，“在 MDN 上进行黑客攻击” 活动扩展了参与者的范围，包括那些拥有编程和设计技能的人。在其当前的模式中，每个“在 MDN 上进行黑客攻击” 活动都有一个主题重点。今年 3 月的一场活动重点关注 浏览器兼容性数据。

“在 MDN 上进行黑客攻击” 的格式结合了黑客马拉松和非正式会议；参与者会提出项目并承诺完成具体任务（而不是会议或冗长的讨论），这些任务可以在三天或更短时间内完成。人们自行组织，参与能够在一个长周末内取得重大进展的项目。闪电演讲为项目提供非正式会议式的休息时间。

MDN Web 文档的无障碍功能

使网站对广泛的用户（包括有身体或认知障碍的用户）可访问，对于 Web 上的创作者来说是一个至关重要的主题。然而，MDN Web 文档上关于无障碍功能的信息却很少，而且常常过时。类似地，该网站的无障碍功能也随着时间的推移而下降。因此，无障碍功能被选定为 2018 年 9 月“在 MDN 上进行黑客攻击” 的主题。

在伦敦举行的“在 MDN 上进行黑客攻击” 活动，旨在改善无障碍功能

聚集在 伦敦校区（感谢 Google 提供场地）的人员包括来自 Mozilla 内部和外部的作家、开发者和无障碍专家。在自我介绍一轮后，进行了一场 “项目建议” 会议，展示了项目想法。参与者重新组建为项目小组，黑客攻击开始了。 Adrian Roselli 为房间里没有经验的人简要介绍了无障碍功能，幸运的是，他准备了内容，即使带着时差也能够讲解。

在每个上午和下午结束时，我们都会进行状态检查，看看工作进展如何。在周日和周一，还会有闪电演讲，任何人都可以展示他们想分享的任何内容。周日下午，我们中的一些人抽出时间探索了 肖迪奇设计三角区 的一些产品，包括玩一个由（或多或少可以坐的）椅子组成的“字体”。

Glenda Sims、Estelle Weyl、Janet Swisher 和 Adrian Roselli 与金属字母形状的椅子摆成“HACK” 和 “MdN” 的造型。照片由 Dan Rubin 拍摄。

成果

一个项目专注于更新 MDN Web 文档上的 WAI-ARIA 文档，使用由 Estelle Weyl 创建的新的 ARIA 参考页面模板。 Eric Bailey、Eric Eggert 和其他人完成了 27 个 ARIA 角色的文档，包括建议使用合适的语义 HTML 元素来替代 ARIA 角色。该团队甚至有远程贡献者，Shane Hudson 撰写了关于 ARIA 提醒角色 的内容。

许多参与者致力于在相关的 HTML、CSS 和 JavaScript 页面中添加“无障碍问题”部分，例如 <canvas> 元素、display 属性和 动画 API。

其他工作包括

• Glenda Sims 更新了关于 Web 内容无障碍指南 (WCAG) 的文章，使其符合该标准的 2.1 版，并更新了关于 什么是无障碍功能？ 的教程。
• Eva Ferreira 撰写了一篇关于 使用媒体查询改善无障碍功能 的文章，并将一些与无障碍功能相关的文章翻译成西班牙语。
• Adrian Roselli 制作了替代方案，以取代 MDN 对 title 属性 的使用，众所周知，该属性对于无障碍功能来说存在 问题。
• Hidde de Vries 彻底重写和更新了关于 面向 UI 设计师和开发者的无障碍功能信息 的文章，并提交了一个 pull 请求，以在 MDN 的社交图标中添加无障碍文本。
• Bruce Lawson 审查、更新和合并了关于无障碍功能的几篇一般性文章，包括 ARIA 着陆页、可键盘导航的 JavaScript 小部件 和 可访问 Web 应用程序和小部件概述。
• Marco Zehe 发表了博文，讲述了 不使用 ARIA 菜单的理由。
• Stephanie Hobson 提交了 几个 pull 请求，以改善屏幕阅读器用户使用 MDN Web 文档网站的可用性，例如将每个部分标题的链接移到标题文本之后，并将菜单的关闭按钮移到菜单顶部。
• Josh Mize 提交了一个 pull 请求，以增加蓝色和链接颜色的对比度，以符合 WCAG AA 指南。
• Jean-Yves Perrier 为浏览器和屏幕阅读器组合的兼容性数据创建了一个模式原型。

此外，大家玩得很开心，团队也乐于合作。请查看 Twitter 上的 #HackOnMDN 标签，查看照片、“偷听到的” 引用、@ninjanails 的美甲艺术等等。此外，请查看 Adrian Roselli 和 Hidde de Vries 的博文，了解更多信息和他们的观点。

下一步是什么？

还有大量工作要做，才能使 MDN 的无障碍功能内容保持最新并有用。 ARIA 角色、状态和属性 的列表远未完成。更多参考页面需要添加“无障碍问题”信息。MDN Web 文档网站的无障碍功能仍然可以改进。由于此次活动产生的热情，人们开始讨论在即将到来的无障碍功能大会上举办小型黑客马拉松。

如果您发现需要解决的问题，请针对 网站 或 内容 提交错误报告。更棒的是，参与进来，改进 MDN Web 文档。如果您不确定从哪里开始，请访问 MDN 社区论坛，提出您可能遇到的任何关于如何使 MDN 更棒（以及更易于访问）的问题。我们非常欢迎您的帮助！