思维模型

WCAG POUR 原则

可感知、可操作、可理解、健壮这四项基本原则,确保每个人都能无障碍地使用数字内容,无论其能力如何。

探索一下

设计任何数字产品时,你会遵循四个步骤,让每个人都能使用。哪一步应该先做:让内容可见、可被感官察觉,让用户能与它交互,让它容易理解,还是确保它能与未来的技术配合使用?

把这些步骤按正确顺序排列

理解这四个步骤,你就能明白如何为每个人设计。

理解概念

理解概念

POUR 是一套确保数字内容适合每个人使用的框架,也包括残障人士。它代表四项原则:可感知(你必须能通过感官获取信息)、可操作(你必须能使用界面)、可理解(内容必须清楚易懂)和健壮(内容必须能与当前和未来的工具配合使用)。正确的第一步是让内容可感知,因为如果用户看不到、听不到,也无法通过其他感官获取信息,其他方面就无从谈起。例如,网站上的图片需要配有文字描述,这样屏幕阅读器才能向盲人用户描述图片。 检查一下:试着只用键盘浏览网站,不用鼠标,看看它是否真的做到了可操作。

详细讲解

详细讲解

POUR 原则是 WCAG 2.1 的基础。WCAG 2.1 是 W3C 制定的网页无障碍国际标准。这些原则旨在解决阻碍残障人士获取数字内容的问题,而这些障碍影响着全球约 15% 的人口。

可感知意味着信息必须以用户能通过感官获取的方式呈现。这包括为图片提供替代文本(让盲人用户能理解图表)、为视频提供字幕(方便聋人用户观看),以及确保足够的颜色对比度(方便低视力或色盲用户辨认)。内容也应该能适应不同的呈现方式:通过合理的结构,让内容在不同尺寸的屏幕上重新排版后,仍然保留原意。

可操作意味着所有用户都必须能与界面交互。所有功能都必须能通过键盘使用,不能只支持鼠标;用户必须有足够的时间阅读和完成任务;内容不应引发癫痫发作,因此需要限制闪烁;导航也必须清晰、可预测。这能帮助有肢体障碍的人、只用键盘的用户,以及需要更多时间处理信息的人。

可理解意味着内容和界面的行为必须清楚易懂。你需要使用通俗的语言,解释不常见的术语,让不同页面的导航保持一致,并帮助用户避免和纠正错误,例如在表单中提供清楚的错误提示。这对有认知障碍的用户尤其有帮助,也能减少所有用户的困惑。

健壮意味着内容必须能与当前和未来的技术可靠地配合使用,包括屏幕阅读器、语音控制等辅助技术。为此,你需要编写清晰、有效的代码,并确保自定义界面组件具有辅助技术能识别的恰当名称和角色。当这四项原则共同发挥作用时,每个人都能无障碍地使用数字内容,无论其能力如何,也无论使用什么工具。

研究依据

研究依据

WCAG 的 POUR 原则源于 W3C 的网页无障碍倡议(WAI)。WAI 成立于 1997 年,旨在应对残障人士面临的日益扩大的数字鸿沟。这套框架首次在 WCAG 2.0(2008 年)中正式确立,随后在 WCAG 2.1(2018 年)和 2.2(2023 年)中得到完善,现已成为 ISO/IEC 标准(ISO/IEC 40500:2012)。研究表明,无障碍设计让所有用户都能受益,而不只是残障人士。这种现象被称为“路缘坡道效应”:为残障人士设计的功能,也让所有人用起来更方便。

  • W3C 网页无障碍倡议(WAI):POUR 原则由残障人士组织、业界和研究机构通过国际合作共同制定,目的是建立可测试、不依赖特定技术的无障碍标准。 [1]

适用局限

适用局限

WCAG 的 POUR 原则专门关注那些对残障人士影响更严重的障碍,而非一般的易用性问题。符合 WCAG 并不保证使用体验达到最佳水平,邀请残障用户参与专业的易用性测试仍然必不可少。这些原则不依赖特定技术,因此有较大的灵活性,但实施指导也可能不够具体。有人认为,WCAG 以文档为中心,可能无法充分涵盖复杂的网页应用,或增强现实(AR)、虚拟现实(VR)等新兴技术。目前正在开发的 WCAG 3.0,希望通过更灵活、以结果为导向的方法来解决这些局限。

参考来源

参考来源

试一试

检验你的理解

你打开一个新闻网站时,网站自动播放了一段带声音的视频。这违反了哪项 POUR 原则?为什么?

查看文章解释

答案: 可操作——用户无法控制音频何时播放

这违反了可操作原则,因为用户应该能控制自动播放的音频。WCAG 要求:对于自动播放超过 3 秒的音频,必须提供暂停、停止或调节音量的机制。这样才能确保有认知障碍的用户、使用屏幕阅读器的人,以及任何需要集中注意力的人,不会受到意外音频的干扰。

下面哪个例子最能体现“可感知”原则?

查看文章解释

答案: 所有图片都配有描述性的替代文本

替代文本能让看不到图片的用户感知视觉内容。它把视觉信息转化为文字,供屏幕阅读器朗读,或以盲文形式显示。这直接体现了可感知原则:确保信息以用户能通过感官获取的方式呈现,无论其能力如何。

为什么 POUR 把“可感知”放在第一位,而不是“可操作”?

查看文章解释

答案: 用户必须先感知到信息,才能与它交互

可感知排在第一位,因为它是其他所有交互的前提。如果用户无法通过任何感官察觉内容,包括看、听或触摸,那么再好的可操作性、清晰度或技术健壮性也无从发挥作用。这些原则逐步建立在前一步之上:你先感知,才能操作,然后理解,而健壮的基础确保这一切都能可靠运行。

继续探索

为眼前的选择,再找一个有用的想法。

Reframo 的全部已发布文章均可免费阅读。准备好后,随时继续探索。