79 lines
2.0 KiB
Markdown
79 lines
2.0 KiB
Markdown
---
|
||
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 |