WCAG 2.2 与 2.1

标准 · WCAG 2.2

WCAG 2.2 成功准则 WCAG 2.2 全部86条成功准则——31条为 A 级，24条为 AA 级，31条为 AAA 级。其中9条为 2.2 版新增，17条源自 2.1 版，60条沿用自 2.0 版。每条条目均含通俗语言摘要、达标说明及实际审计中最常见的失败案例。

搜索成功准则 按级别筛选 全部 (86) A (31) AA (24) AAA (31) 按 WCAG 版本筛选 所有版本 2.0 (60) 2.1 (17) 2.2 版新增 (9) 1. 可感知 信息和用户界面组件必须以用户能够感知的方式呈现。

1.1.1 A 非文本内容 每张图像、图标、图表、音频文件及其他非文本组件，都必须具备传达同等目的的文本替代内容——使屏幕阅读器、盲文设备及开关控制用户能够获取与视力正常用户相同的信息。

1.2.1 A 纯音频和纯视频（预录制） 预录制音频需要文本转录稿。预录制静音视频需要文本描述或传达相同信息的音轨——确保无法听到或无法看到内容的用户仍能获取信息。

1.2.2 A 字幕（预录制） 每段含有音频的预录制视频，都必须提供同步字幕，涵盖对话、说话人标识及有意义的非语音声音——使失聋和听力受损用户能够从音轨中获取与其他用户相同的信息。

1.2.3 A 音频描述或媒体替代内容（预录） 预录视频需提供音频描述音轨，或针对声轨未涵盖的视觉信息提供完整的文本替代内容，以确保盲人用户获得与视力正常的观看者相同的内容。

1.2.4 AA 字幕（直播） 同步媒体中的直播音频——网络研讨会、直播流、虚拟活动——必须提供实时字幕。准确率足够高的自动字幕可符合要求，但专业 CART 字幕是最稳妥的选择。

1.2.5 AA 音频描述（预录） 预录视频需要一条音频描述音轨，在对话的自然停顿处朗读重要的视觉信息。在 AA 级别，仅提供文字稿已不再充分——描述必须以音频形式呈现。

1.2.6 AAA 手语（预录制） 同步媒体中的预录制音频必须配有手语翻译。字幕并非替代方案——对许多聋人用户来说，手语是第一语言，书面文字才是第二语言。

1.2.7 AAA 扩展音频描述（预录制） 当对话间隙不足以容纳标准音频描述时，视频必须暂停以播放扩展描述——这样即使内容密集、节奏紧凑，盲人用户也能获得完整的视觉背景信息。

1.2.8 AAA 媒体替代方案（预录制） 预录制的同步媒体以及仅含视频的预录制内容，需要提供一个能传达全部相同信息的完整文字替代方案。这超越了字幕和音频描述的范畴：需要一份完整的独立文档。

1.2.9 AAA 纯音频（直播） 直播纯音频内容——广播流、纯音频会议通话、直播播客——需要提供实时文字替代方案（如实时字幕），使失聪及听力障碍用户能够即时获取内容。

1.3.1 A 信息和关系 通过视觉传达的信息和关系——标题、列表、表格、表单标签、分组——也必须在标记语言中加以表达，以便辅助技术能够正确呈现，仅靠视觉样式是不够的。

1.3.2 A 有意义的序列 当内容的阅读顺序影响理解时，DOM 顺序必须与视觉顺序一致。通过 CSS 定位和浮动打乱顺序会破坏屏幕阅读器体验和键盘导航。

1.3.3 A 感官特征 操作说明不得仅依赖形状、大小、位置、方向、声音或颜色。“点击右侧绿色按钮”会将无法看见布局或区分颜色的用户排除在外。

1.3.4 AA 方向 内容不得锁定为单一方向——竖屏或横屏——除非该方向对功能而言必不可少。固定安装于轮椅或以固定握持姿势使用手机的用户无法旋转设备。

1.3.5 AA 识别输入目的 收集常见个人信息的表单字段——姓名、电子邮件、电话、地址、信用卡——必须使用 HTML autocomplete 属性以编程方式声明其用途，以便浏览器自动填充，并允许辅助工具自定义界面。

1.3.6 AAA 识别用途 除表单字段外，UI 组件、图标和页面区域的用途必须可通过编程方式识别——以便辅助技术能够替换为符号、简化页面或隐藏非必要内容。

1.4.1 A 颜色的使用 颜色不得作为传达信息的唯一方式。必填字段、错误状态、链接区分、图表系列——均需要第二种提示（文本、图标、下划线、图案），以确保色觉障碍用户获得同等信息。

1.4.2 A 音频控制 自动播放超过三秒的音频必须提供独立于系统音量的暂停、停止或音量控制，以免盖过屏幕阅读器的语音。

1.4.3 AA 对比度（最低限度） 正文文本与背景的对比度至少须达到 4.5:1。大号文本（18pt 及以上，或 14pt 及以上粗体）须达到 3:1。徽标及装饰性文本豁免。

1.4.4 AA 文本调整大小 文本放大至 200% 时，内容与功能不得丢失，仍须保持可读可用。字幕及文本图像豁免。

1.4.5 AA 文字图像 除非图像不可或缺（如徽标、正在讨论的界面截图）或完全可自定义，否则应以真实文字实现文本，而非光栅化图像。

1.4.6 AAA 对比度（增强） AAA 级对比度要求：正文文字 7:1，大文字 4.5:1。比 1.4.3 更严格，专为对比度需求较高、在舒适阅读时需要更强对比的低视力用户设计。

1.4.7 AAA 低音量或无背景音 对于以语音为主的预录音频，背景音必须至少比前景语音低 20 dB，或完全缺席，或可单独静音——以便听力障碍用户能够清晰跟随对话内容。

1.4.8 AAA 视觉呈现 对于文本块，用户必须能够控制前景色与背景色、行宽（最多80个字符）、对齐方式（不允许两端对齐）、行间距（1.5倍）和段落间距（1.5倍行高）——在200%缩放时无需水平滚动。

1.4.9 AAA 文字图像（无例外） AAA级：完全不允许使用文字图像，仅标志和必要情形除外（如演示排版效果的截图）。1.4.5中的"可定制化"例外在此被取消。

1.4.10 AA 重排 内容必须能在宽度 320 CSS 像素（垂直滚动内容）或高度 256 像素（水平滚动内容）时重排为单列显示，且不丢失信息或功能。不允许双向滚动。

1.4.11 AA 非文本对比度 UI 组件（按钮边框、表单字段轮廓、焦点指示器、纯图标控件）及有意义的图形元素（图表系列、状态图标）与相邻颜色的对比度至少须达到 3:1。

1.4.12 AA 文本间距 当用户覆盖文本间距——行高 1.5 倍、段落间距 2 倍字号、字母间距 0.12em、字间距 0.16em——页面不得丢失内容或功能。

1.4.13 AA 悬停或聚焦时的内容 因悬停或聚焦而出现的工具提示、弹出框及其他内容，必须可关闭、可悬停（用户可将指针移入其中）且持久存在（在用户主动关闭或触发元素失去焦点之前不会消失）。

2. 可操作 用户界面组件和导航必须对所有人可操作。

2.1.1 A 键盘 页面上的每项功能必须仅通过键盘即可操作——不依赖鼠标移动、拖拽或特定时序。屏幕阅读器、开关控制和语音控制用户均依赖这一基准能力。

2.1.2 A 无键盘陷阱 若键盘焦点可以移入某个组件，则必须能仅用键盘将焦点移离该组件。模态框、嵌入内容及自定义控件是常见的违规场景。

2.1.3 AAA 键盘（无例外） 与成功准则 2.1.1“键盘”相同，但不设路径依赖例外。每项功能——包括自由绘图和签名采集——均须具备可通过键盘操作的替代方式。

2.1.4 A 字符键快捷键 仅由单个字母、数字或符号组成的键盘快捷键，必须支持关闭、重新映射，或仅在相关组件获得焦点时生效。此条准则旨在保护语音控制和听写用户，防止意外触发操作。

2.2.1 A 可调节的时限 内容设置的任何时限，必须允许用户关闭、调整至默认值的至少十倍，或在提前至少20秒警告后进行延长。会话超时和测验计时器是主要适用对象。

2.2.2 A 暂停、停止、隐藏 持续超过五秒的移动、闪烁、滚动或自动更新内容，必须允许用户暂停、停止或隐藏。涵盖轮播图、跑马灯、新闻滚动条、动态广告及自动刷新信息流。

2.2.3 AAA 无时限 时限根本不是内容的组成部分，非交互式实时事件除外。比2.2.1更严格——没有“警告并延长”的回退方案。

2.2.4 AAA 中断 中断——弹出窗口、通知、警报、自动更新——必须允许用户推迟或关闭，紧急情况除外。

2.2.5 AAA 重新认证 当已认证会话过期时，用户必须能够在不丢失任何已输入数据的情况下继续操作。会话结束，但进行中的工作不会丢失。

2.2.6 AAA 超时 用户必须被告知任何可能导致数据丢失的非活动超时，除非数据在非活动状态超过 20 小时后仍能保留。

2.3.1 A 三次闪烁或低于阈值 页面上的任何内容每秒闪烁次数不得超过三次，除非闪烁面积小于规定尺寸且对比度低于规定阈值。旨在防止光敏性癫痫发作。

2.3.2 AAA 三次闪烁 页面上的任何内容每秒闪烁次数不得超过三次——无一例外。移除了 2.3.1 所允许的面积和阈值豁免。

2.3.3 AAA 交互触发的动画 由交互触发的运动动画必须可由用户禁用，除非该动画是不可或缺的。应遵从 `prefers-reduced-motion` 媒体查询。

2.4.1 A 绕过区块 为键盘和屏幕阅读器用户提供一种机制，使其能够跳过每个页面重复出现的内容——通常是页眉、主导航和功能链接——从而无需逐一按 Tab 键浏览数十个链接即可直达主体内容。

2.4.2 A 页面标题 每个页面必须具有描述其主题或用途的 `