思维模型
无障碍(A11y)
设计网站和网络工具,让残障人士能够使用并参与贡献。
探索一下
无障碍意味着在设计网站时,让残障人士也能使用。网站项目应该先做哪一步?
选出应该最先做的一步
了解尽早规划无障碍如何减少返工。
理解概念
理解概念
无障碍是指在设计网站和工具时,让残障人士也能使用。从一开始就做好规划,可以减少后续返工的需要。试着只用键盘操作一个网页,记下你无法使用的控件。
详细讲解
详细讲解
网络无障碍意味着残障人士能够感知、理解、浏览网络,与之互动,并参与贡献。项目一开始就应规划无障碍,并在开发早期及整个开发过程中进行评估。W3C 的指南推荐这种做法,以减少返工,并在问题更容易解决时发现它们 [1]。
《Web 内容无障碍指南》(WCAG)描述了无障碍要求,并用四项原则来组织这些要求:可感知性,指用户能通过自己可以感知的方式获取信息;可操作性,指用户能够浏览和操作;可理解性,指内容和控件让人容易理解;健壮性,指浏览器和辅助技术能够可靠地解读内容。辅助技术是帮助残障人士使用数字内容的工具 [2]。
假设一个网站的搜索按钮上显示着放大镜图标。它的替代文本,也就是用来说明图像用途的文字,可以写成“搜索”,而不只是“放大镜”。屏幕阅读器是一种能朗读页面信息的软件,它可以把这个用途传达给用户。这需要网站提供相关信息,也需要浏览器和辅助技术正确处理这些信息 [1][2]。
支持键盘操作是可操作性设计的一部分。检查你能否不用鼠标就移到控件并激活它们,而且不会被困在某处、无法移开。键盘焦点,也就是当前键盘操作的位置,应清晰可见,并按有意义的顺序移动。在可理解性设计中,清楚的操作说明和错误提示能帮助人们避免和纠正错误 [2]。
无障碍也能帮助有暂时性残障、能力随年龄变化,或受到情境限制的人,例如无法收听音频的人。这些益处来自官方指南的说明,并非实验测得的效果。键盘检查只能检验无障碍的一部分:任何评估工具都无法单独判断网站是否符合无障碍指南,还需要具备相关知识的人来评估 [1]。
研究依据
研究依据
- 规划指南:WAI 建议从项目一开始就纳入无障碍,并在开发早期及整个开发过程中进行评估。这是实践指导,并非通过实验证明能节省固定时间或费用的结论 [1]
- 替代文本指南:替代文本应传达图像的用途或功能。WAI 以搜索按钮为例,建议使用“搜索”,而不是描述其放大镜外观;浏览器和辅助技术也必须处理这些信息 [2]
- 带有条件的指导:WAI 的概述提到,应提供停止、延长或调整时间限制的机制,但必要的时间限制除外;也应允许关闭动画,除非动画必不可少。这些限定条件应与建议一并保留 [2]
- 评估指南:工具可以帮助评估无障碍,但没有任何工具能单独判断网站是否符合无障碍指南。WAI 要求由具备相关知识的人进行评估 [1]
适用局限
适用局限
这些来源是官方指南,并非通过实验确立普遍益处或量化效果的研究。《无障碍原则》明确说明,它提供的只是要求的不完整概述;其中的示例不应被视为完整的 WCAG 评估,也不代表对符合法律要求的保证。键盘检查只涵盖无障碍的一部分,而无障碍还依赖内容、浏览器、创作工具和辅助技术共同发挥作用 [1][2]。引用更正:早先课程将四项原则归于《网络无障碍简介》(2024),这里改为引用《无障碍原则》[2]。原先的年份不视为已经核实;所提供的两条参考文献,其年份均保持为 null。
参考来源
参考来源
试一试
检验你的理解
WAI 建议从网站项目一开始就纳入无障碍,给出的理由是什么?
查看文章解释
答案: 减少回头返工的需要
WAI 建议从一开始就纳入无障碍,以减少返工。它还建议在开发早期及整个开发过程中评估无障碍;它没有给出固定的成本节省数额,也没有保证某种特定结果 [1]。
哪个例子最直接体现了可感知性原则?
查看文章解释
答案: 传递信息的图像配有等效文本,屏幕阅读器可以将其读出
等效文本让图像信息以另一种形式呈现,体现了可感知性。键盘激活体现可操作性;有帮助的错误提示体现可理解性;浏览器和辅助技术能够可靠解读信息,则体现健壮性 [2]。
判断对错:无障碍功能只对有永久性残障的人有益。
查看文章解释
答案: 错误
WAI 也说明了无障碍对有暂时性残障、能力随年龄变化,以及受到情境限制的人有哪些益处,例如无法收听音频的人。这并不意味着每项功能都对每个人有益 [1]。
继续探索
为眼前的选择,再找一个有用的想法。
Reframo 的全部已发布文章均可免费阅读。准备好后,随时继续探索。