a11y：什么是正确的`<track> ` 视频聊天元素？

Question

我正在用 React 构建一个视频聊天应用程序。

当我使用<video />元素时，我的用于编写可访问 UI 的 ESLint 插件会向我大喊缺少<track />元素。

代码：

function Video({ autoPlay, playsInline, videoEl }) {
  return <video autoPlay={autoPlay} playsInline={playsInline} ref={videoEl} />;
}

警告：

error  Media elements such as <audio> and <video> must have a <track> for captions  jsx-a11y/media-has-caption 

在我查找<track />它似乎期望一个带有.vtt文件的src属性。 但是在视频聊天中，没有字幕。 使视频聊天的 HTML 可访问的最容易访问的方法是什么？

Answer 1

然后您可以完全忽略此消息

这是指 WCAG 指南： 理解成功标准 1.2.4：字幕（直播）

该指南特别指出：

此成功标准旨在应用于同步媒体的广播，而不是要求无论用户的需求如何，都必须为两个或多个人之间通过 Web 应用程序进行的双向多媒体通话添加字幕。