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

Question

我正在使用 React 构建视频聊天应用。

当我使用<video /> 元素时，我的ESLint plugin for writing accessible UI 对我大喊说缺少<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 /> 之后，似乎期望 src 属性与 .vtt 文件。但在视频聊天中，没有字幕。使视频聊天的 HTML 可访问的最容易访问的方法是什么？

Answer 1

您可以完全忽略此消息

这是指 WCAG 指南：Understanding Success Criterion 1.2.4: Captions (Live)

该指南明确指出：

此成功标准旨在适用于同步媒体的广播，并非要求两个或多个人通过网络应用程序进行双向多媒体通话时必须添加字幕，无论是否需要用户。