SuperAPI AI 工具集

flashing-content

前端与建站

查看项目

更新于 10-16 05:52

技能介绍

用途:这是前端检查清单里的一条无障碍规则,用于预防可能诱发光敏性癫痫发作的闪烁内容。它属于安全要求,而不只是无障碍偏好。

主要能力与判定标准:内容每秒闪烁不得超过3次(WCAG Level A);闪烁区域须小于视口的25%;红色闪烁尤为危险,应完全避免;需检测GIF、视频和CSS动画是否存在快速闪烁。

使用方式:结合渲染后的HTML、交互组件与设计系统模式进行审查。检查时确认无内容每秒闪烁超过3次,闪烁内容占视口小于25%,并对动画GIF、视频和CSS动画测试快速闪烁。修复时移除或减缓快速闪烁动画,用动画工具测量闪烁频率,将闪烁效果替换为淡入淡出过渡或传达相同信息的静态替代方案。代码审查环节应检查渲染标记与交互状态,指出违反该规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。

适用场景:无障碍审计、设计系统规范、动效评审及相关代码审查。

限制:规则依据WCAG 2.3.1;完整实现细节、代码示例和框架相关指导见 references/rule.md,规则页面为 https://frontendchecklist.io/en/rules/accessibility/flashing-content。