Web 可访问性时间与媒体（Accessibility Time and Media） 核心概念定义 ：首先，需要理解“时间与媒体”在Web可访问性中的具体所指。它主要涵盖网页上所有基于时间呈现的 多媒体内容 ，以及具有 时间限制 的操作。这包括但不限于：音频（如播客、背景音乐）、视频（含电影、教程）、动画（CSS或JavaScript驱动的动态效果）、自动轮播的图片或内容滑块、以及页面设置的自动刷新或跳转。为残障人士，特别是视障、听障、认知障碍或运动障碍用户提供同等的信息获取和交互机会，是这部分可访问性工作的核心目标。 面临的核心挑战与用户需求 ：不同类型障碍的用户在访问这类内容时会遇到独特障碍。 听觉障碍者 ：无法获取纯音频或视频中的音频信息。他们需要 文字副本（Transcripts） 和 字幕（Captions） 。 视觉障碍者 ：无法看到视频中的视觉信息、动画细节或自动轮播的内容。他们需要 音轨描述（Audio Description） ，即用语言描述视频关键视觉信息；同时，任何纯粹通过视觉变化（如颜色闪烁、动态效果）传达的信息，都必须有替代方式。 认知或神经多样性障碍者 ：快速移动、闪烁（尤其是特定频率）的内容或自动播放的声音可能引发不适或分散注意力。他们需要能够 控制、暂停或隐藏动画与媒体 ，并有充足时间阅读和理解信息。 运动障碍者 ：可能无法在设定的短时间内完成操作（如填写表单）。他们需要能够 调整或禁用时间限制 。 关键实现技术与标准（WCAG准则） ：万维网联盟（W3C）的《Web内容可访问性指南》（WCAG）为此制定了明确要求，主要围绕几个关键成功标准： 为音频和视频提供替代方案 ： 字幕（1.2.2） ：为视频中所有对话和非对话的重要音频信息（如音效、音乐情绪）提供同步的文本显示。 音轨描述（1.2.5） ：为视频中重要的视觉信息（如演员动作、场景变换、屏幕文字）提供额外的语音描述，插入在对话的间隙中。 文字副本（1.2.1 音频/视频的替代方案） ：为纯音频或音视频内容提供包含所有口语、非口语信息及音轨描述的完整文本记录。 控制时间性媒体 ： 可暂停、停止、隐藏（2.2.2） ：对于自动移动、闪烁、滚动或自动更新的内容（如轮播图、动画广告），必须提供机制让用户可以暂停、停止或隐藏它，除非该动画是操作必不可少的部分。 控制时间限制 ： 调整时间（2.2.1） ：如果页面有任何基于时间的操作（如会话超时、限时答题），用户应能将其关闭、调整（延长至通常时间的至少10倍）或在超时前收到明确警告并有简单操作（如按空格键）延长。 避免引发癫痫（2.3.1） ：网页内容不能包含在一秒内闪烁超过3次的内容，或闪光低于一般闪光和红色闪光阈值。 具体的HTML、ARIA与API支持 ：开发者通过特定技术和API来实现上述要求。 HTML媒体元素 ： <audio> 和 <video> 标签是基础。通过 <track> 元素添加字幕（ kind=”captions” ）和描述（ kind=”descriptions” ）。使用 controls 属性提供内置播放控件。 控制动画与自动更新 ：使用CSS的 prefers-reduced-motion 媒体查询，当用户在操作系统中设置了“减少动画”偏好时，提供替代的无动画样式。对于自动更新的内容（如实时比分），应确保用户可暂停，或使用ARIA实时区域（ aria-live ）以不干扰的方式宣告更新。 ARIA属性辅助 ：对于自定义播放器控件，需使用ARIA角色（如 role=”button” ）和状态（如 aria-pressed ）确保键盘可操作和屏幕阅读器可识别。使用 aria-describedby 链接媒体和其文字副本。 测试、评估与最佳实践 ：确保“时间与媒体”可访问性需要综合测试。 手动测试 ：关闭声音测试字幕，关闭屏幕听取音轨描述。使用键盘 Tab 键和空格/回车键操作所有媒体控件。在系统设置中开启“减少动画”选项查看网页响应。 工具辅助 ：使用无障碍检查工具审查媒体元素的标签、轨道和控件。验证字幕文件（如WebVTT格式）是否正确关联和同步。 最佳实践 ：提供 清晰的控制标签 ；确保 字幕和描述准确同步 ； 避免自动播放 媒体，如必须，音量应默认为零或提供立即停止的控制；为所有 时间限制操作提供明确警告和延长选项 ；始终将 可访问性作为媒体制作流程的一部分 ，而非事后补救。