Wave 工具可访问性 html5 视频警报

Question

我们正在解决网站上的 WCAG 可访问性问题，并遇到主页滑块问题。我们的滑块有四个视频，每个视频都显示文本以突出我们的技术。 我们已收到与这些视频的文字记录相关的辅助功能警报（详细信息如下所列）。

https://wave.webaim.org/report#/https://stagematellio.dynamicwebsite.co.in/matellio-live/

wave 辅助工具音频视频警报

据我了解，当视频缺少文字记录时就会出现此问题。为了解决这个问题，我向视频标签添加了一个虚拟 .vtt 文件（详细信息如下），但该工具仍然无法识别修复。

<video width="100%" height="100%" preload playsinline autoplay loop muted >
                    <source src="<?php echo S3_URL; ?>/assets/images/home-new-images/Ai-4.mp4" type="video/mp4">
                    <track kind="captions" label="English" srclang="en" src="http://stagematellio.dynamicwebsite.co.in/matellio-live/assets/sample.vtt" default>
         
                    Your browser does not support the video tag.
</video>

Answer 1

虽然字幕极大地提高了可访问性和可用性，但它们并不是文字记录。

提供基于时间的媒体或音轨的替代方案，为预先录制的纯视频内容提供等效信息。

来自 了解 SC 1.2.1：纯音频和纯视频（预先录制）（A 级）

这里的关键是字幕仍然是基于时间的，因为它们都在特定时间且仅在有限的持续时间内显示。

成绩单允许无时间限制地阅读相同的信息。

但是好消息：

如果您已有字幕，则可以使用该文件来创建文字记录。大多数字幕编辑工具都提供导出纯文本转录的选项。否则，您将需要删除时间戳，或按照下面的内容进行编辑。

更多关于网络无障碍倡议的文字记录