标准 · WCAG 2.2

SC 2.3.1 级别 A WCAG 2.0

三次闪烁或低于阈值

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

要求内容

在任意一秒内,任何内容的闪烁次数不得超过三次。该规则设有两个安全例外:闪烁区域足够小(在典型观看距离下,CSS 像素面积小于 21,824 平方像素,约相当于 341×341 的正方形),或相对亮度变化及饱和红色含量低于规范中定义的通用闪烁与红色闪烁阈值。

这些阈值的依据是:快速亮度变化(尤其是涉及红色时)可诱发光敏性癫痫。该标准源自与广播电视指南相同的研究成果。

如何满足

  • 将任何闪烁或频闪动画效果限制在每秒三次以内。大多数产品 UI 远未触及此限制;常见失败案例几乎都出现在页面中嵌入的营销视频和游戏内容中。
  • 嵌入视频前,使用 Trace Center 开发的 PEAT(光敏性癫痫分析工具)或 Harding FPA 进行测试。
  • 对于动态 GIF,在内容审核阶段通过 PEAT 进行检测。
  • 对于基于 canvas 的动画,若动画由数据驱动或用户控制,应在运行时分析亮度变化速率。
  • 避免在加载旋转图标、广告或过渡动画中使用全屏频闪效果。

常见失败

  • 自动播放的视频广告在明暗帧之间快速切换。
  • 作为营销素材导入的动态 GIF 未经癫痫安全性审查。
  • 游戏预告片嵌入内容(尤其是老式街机或节奏游戏画面)含有频闪序列。
  • 基于 canvas 的”加载”效果以高频率对全屏颜色进行闪烁。
  • 以 iframe 形式嵌入的幻灯片中存在迪斯科/频闪过渡效果。

自动化工具无法检测此问题——PEAT 分析或人工逐帧审查是唯一可靠的测试方法,而许多 CMS 从未执行此类检查。

为何重要

在所有 WCAG 成功准则中,本条失败所造成的直接身体伤害最为严重。闪烁页面可在数秒内诱发光敏性癫痫患者的强直阵挛性发作。2008 年针对癫痫基金会在线论坛的攻击事件——恶意用户故意上传频闪 GIF 以诱发读者癫痫——证明了这一风险绝非理论。对于内容丰富的网站,应将 2.3.1 视为安全检查,而非无关紧要的无障碍复选框。