暂停、停止、隐藏

要求内容

对于同时满足以下三个条件的内容：（a）移动、闪烁、滚动或自动更新；（b）自动开始；（c）持续超过五秒且与其他内容并排显示——用户必须有机制来暂停、停止或隐藏它。同样的要求也适用于非运动型自动更新内容（实时新闻信息流、比分板、聊天）。

例外情形：运动对活动本身至关重要（正在观看的视频、动画教程），以及内容是屏幕上唯一的内容（内容出现前的加载动画）。

如何满足要求

• 为每个轮播图、幻灯片或自动推进的横幅添加可见的暂停/播放按钮，使其成为轮播组件中第一个可聚焦的元素。
• 当鼠标悬停和键盘聚焦时自动暂停轮播——但用户仍必须能够完全停止它。
• 对于新闻滚动条、跑马灯和股票价格栏，在同一行中提供暂停按钮，最小尺寸为24×24像素。
• 对于自动刷新的仪表板（如 Kibana、Grafana、实时体育），为用户提供刷新间隔选择器，包含”仅手动刷新”选项。
• 无限循环的动态 GIF 图片应替换为提供原生控件的 <video> 元素，或采用点击播放的模式。

常见失败情形

• 英雄轮播图每三到五秒切换一次，且没有暂停控件——这仍是审计中最常见的2.2.2失败情形。
• 自动播放的视频背景没有任何控件，在营销页面上尤为常见。
• 新闻网站的滚动条横向滚动，没有暂停按钮。
• 落地页上的动态 SVG 插图无限循环，没有停止方式。
• 来自实时信息流的 Toast 通知持续堆叠，没有静音方式。

axe 和 Lighthouse 可以检测 <marquee> 和部分 prefers-reduced-motion 违规，但无法识别没有控件的 JavaScript 驱动的轮播图。需要进行人工审查。

重要性

自动移动内容是网络上最具排斥性的模式之一。它会分散任何有注意力相关障碍（注意力缺陷多动障碍、某些焦虑症、脑震荡后综合征）用户的注意力；它迫使屏幕阅读器用户因 DOM 节点更新而不断失去阅读位置；它使低视力用户——他们需要缓慢追踪文字——根本无法阅读。暂停按钮是营销团队能够做出的成本最低、影响最大的无障碍改进之一。