Auto-sync: 2026-04-21 04:02
This commit is contained in:
79
wiki/concepts/POUR-Principles.md
Normal file
79
wiki/concepts/POUR-Principles.md
Normal file
@@ -0,0 +1,79 @@
|
||||
---
|
||||
title: "POUR Principles"
|
||||
description: WCAG 无障碍设计的四大核心原则:Perceivable、Operable、Understandable、Robust
|
||||
tags: [accessibility, wcag, design-principles]
|
||||
---
|
||||
|
||||
## Definition
|
||||
POUR 是 WCAG(Web Content Accessibility Guidelines)无障碍设计的四大核心原则的首字母缩写,是评估数字产品无障碍性的基础框架。
|
||||
|
||||
## 四大原则
|
||||
|
||||
### P — Perceivable(可感知)
|
||||
**核心要求**:所有信息都必须以用户可感知的方式呈现
|
||||
|
||||
具体要求:
|
||||
- 提供文本替代方案(alt 文本、字幕)
|
||||
- 提供音频描述
|
||||
- 内容可以以不同方式呈现(放大、高对比度)
|
||||
- 区分前后景(足够对比度)
|
||||
|
||||
技术要点:
|
||||
- 图像 alt 文本
|
||||
- 视频字幕
|
||||
- 音频转录
|
||||
- 颜色对比度 ≥ 4.5:1
|
||||
|
||||
### O — Operable(可操作)
|
||||
**核心要求**:所有功能都必须可以通过键盘操作
|
||||
|
||||
具体要求:
|
||||
- 所有功能可通过键盘使用
|
||||
- 用户有足够时间阅读和使用内容
|
||||
- 不以可能引发癫痫的方式设计内容
|
||||
- 提供帮助用户导航和找到内容的机制
|
||||
|
||||
技术要点:
|
||||
- 键盘可访问性
|
||||
- 跳过链接
|
||||
- 无键盘陷阱
|
||||
- 焦点指示器
|
||||
|
||||
### U — Understandable(可理解)
|
||||
**核心要求**:信息和操作必须是可理解的
|
||||
|
||||
具体要求:
|
||||
- 文本可读且可理解
|
||||
- 内容以可预测的方式出现和操作
|
||||
- 帮助用户避免和纠正错误
|
||||
|
||||
技术要点:
|
||||
- 清晰的标签
|
||||
- 错误建议
|
||||
- 一致的导航
|
||||
- 简单语言
|
||||
|
||||
### R — Robust(健壮)
|
||||
**核心要求**:内容必须能被各种用户代理可靠解释
|
||||
|
||||
具体要求:
|
||||
- 使用标准兼容的技术
|
||||
- 状态信息可被辅助技术识别
|
||||
- 提供状态和变化的机器可读通知
|
||||
|
||||
技术要点:
|
||||
- 语义 HTML
|
||||
- ARIA 正确使用
|
||||
- 标准化技术
|
||||
|
||||
## 与 Accessibility Auditor 的关系
|
||||
[[Accessibility Auditor]] 智能体默认验证所有四个 POUR 原则,确保测试产品达到 WCAG 2.2 AA 级别合规。
|
||||
|
||||
## Related Concepts
|
||||
- [[WCAG 2.2]]
|
||||
- [[Screen Reader Testing]]
|
||||
- [[Keyboard Navigation Audit]]
|
||||
|
||||
## Source
|
||||
- [[Accessibility Auditor]]
|
||||
- W3C WCAG 2.2
|
||||
Reference in New Issue
Block a user