标准

POUR

另见: Perceivable Operable Understandable Robust

WCAG 的四大原则:**可感知(Perceivable)、可操作(Operable)、可理解(Understandable)、健壮性(Robust)**。每条成功准则均归属其中一项原则。

POUR 是 WCAG 的概念框架。WCAG 2.x 中的每条成功准则都对应四项原则之一。熟记 POUR 是理解规则存在原因的最短路径。

四项原则

可感知(Perceivable)。 信息和界面组件必须以用户能够感知的方式呈现。实践层面:为非文本内容(图像、视频)提供替代文本,为音频提供字幕和文字稿,确保足够的颜色对比度,内容须适应屏幕阅读器和放大布局用户。若视觉用户可见、盲人用户不可感知,即为可感知性缺口。

可操作(Operable)。 用户界面组件和导航必须可操作。该原则下的核心规则:完整的键盘访问(不依赖鼠标的功能)、充裕的时间供用户阅读和完成任务、不含诱发癫痫的内容(每秒闪烁超过 3 次为明确红线)、清晰的导航结构以及可预测的焦点顺序。WCAG 2.2 新增的焦点可见性和拖动替代方案准则均属于可操作性规则。

可理解(Understandable)。 信息和界面的操作方式必须可理解。涵盖可预测的导航模式、跨页面一致的标签、清晰的说明以及有效的错误恢复机制。认知无障碍工作组的建议归属于该原则,即便 WCAG 本身尚未将其列为强制要求。

健壮性(Robust)。 内容必须具备足够的健壮性,以便各类用户代理(包括辅助技术)可靠地解读。实践层面,该原则覆盖范围最小,核心规则主要为 4.1.2 名称、角色、值——但这一条规则覆盖了极广的范围:它要求每个自定义 UI 控件以辅助技术可读的方式暴露其类型、功能和状态。4.1.2 是 ARIA 存在的原因。

如何在实践中使用 POUR

发现无障碍问题时,先判断它违反了哪项原则:

  • 缺少 alt 属性——可感知
  • 键盘焦点陷阱——可操作
  • 错误提示信息不清晰——可理解
  • 自定义下拉菜单未声明为组合框角色——健壮性

这种映射有助于优先级排序:可感知和可操作类问题通常会完全阻断用户;可理解和健壮性类问题往往导致体验下降,但不会完全阻断。正因如此,大多数团队在首次审计中会优先聚焦可感知(P)和可操作(O)。

POUR 还有助于发现盲点。一个团队若只专注于修复可感知类问题(替代文本、颜色对比度),却忽视可操作类问题(焦点顺序、键盘陷阱),就会呈现一种常见的失衡模式。POUR 使这种不均衡一目了然。