Web Google 开发者专家 Martine Dowden 如何从无障碍性视角处理 Web 设计

五月 18, 2023
Kevin Hernandez Developer Relations Community Manager

为了庆祝全球无障碍宣传日,我们采访了 Web Google 开发者专家 (GDE) Martine Dowden。

Martine Dowden

现今的网站遵循一系列良好的网页设计原则,这些原则包括简洁性、F 式布局(我们阅读页面内容的方式)、优质内容、加载速度、色彩搭配等。然而,在审视我们钟爱的网站时,可能较少关注到的一个重要原则是无障碍性。将无障碍功能应用到网页设计中,其目的是为了确保所有人都能够使用这些网站。根据世界卫生组织 (WHO) 的数据,约有 16% 的人口患有某种残疾。在网页设计领域,无障碍性意味着要确保有足够的颜色对比度、较低的分辨率屏幕、不同大小的按钮、替代文本、可通过键盘操作的导航、描述性文本等等。对于 Web GDE Martine Dowden 来说,她每天都在思考这个问题。她是 Andromeda Galactic Solutions 的首席技术官,采用无障碍方法为客户构建网站。此外,Martine 还是《Approachable Accessibility: Planning for Success》一书的合著者,这本书荣登 Book Authority 评选的“无障碍领域史上最佳 20 本书籍”榜单,并且她就这一主题发表过多次演讲。

当被问及为何无障碍性对她如此重要时,Martine 表示:“无障碍性关乎每一个人。我希望确保在创建任何产品时,无论用户是谁,使用何种设备,或者有何种需求,都能进行访问。我不想将任何人排除在外。”为了实现无障碍性,Martine 呼吁设计师和开发者尽早地考虑无障碍性原则。她进一步指出,如果模型已经存在无障碍性问题,那么最终产品很可能会失败。Martine 把无障碍性与安全性放在相同的地位,她解释说:“我喜欢将其与安全性进行类比,因为安全性不会偶然得到保障。同样地,无障碍性也需要我们去认真思考和测试。”在早期测试无障碍性方面,Martine 推荐使用自动化工具,比如 Lighthouse,其中包含了无障碍性检查功能。然而,尽管自动化工具很有帮助,但它们只能检测出网站无障碍功能的一小部分问题。Martine 指出,自动化工具并不能理解上下文。“自动化工具可以告诉我是否为图片添加了替代文本,但它无法判断这些替代文本是否恰当或有用。例如,如果我展示的是一张猫的图片,而替代文本表示这是一张狗的图片,自动化工具仍然会认为这是符合规范的。”虽然自动化工具非常有用,但 Martine 建议将这类工具与人工审查相结合,以便在测试无障碍性时做到全面细致。

Martine 还推荐开发者参考国际标准《Web 内容无障碍指南》(WCAG)。该资源包含无障碍规范以及大量解释这些规范为何存在的支持性文档。然而,由于 WCAG 是一个极其详尽的资源,Martine 并不建议从头到尾通读。相反,她建议在遇到特定问题时查阅该指南中与之相关的具体规范。Angular 是另外一个有助于她在工作中实现无障碍功能的工具,其界面库包含关于无障碍性的注释。

无障碍功能的重要性在确保所有人都能访问网站方面显而易见,尤其考虑到有 71% 的残障用户因网站无法访问而选择离开。因此,采取无障碍设计方法至关重要。对于身为设计师或开发者的新手来说,无障碍性可能是一个陌生的概念,Martine 建议,“就像学习任何其他技能一样,一点一滴地去掌握无障碍性,最终总会达成目标。每个人都需要从起点开始。”

您可以在 Martine 的个人网站上了解关于她的更多信息。

Google 开发者专家 (GDE) 计划是一个由资深技术专家、影响者和思想领袖组成的全球网络,他们通过在活动中发表演讲,发布内容,积极支持开发者、公司和技术社区的发展。