跳至内容

jsx_a11y/media-has-caption 正确性

它能做些什么

检查 <audio><video> 元素是否有用于字幕的 <track> 元素。这将确保媒体内容对所有用户(包括听力障碍者)可访问。

为什么这样做不好?

如果没有字幕,听力和重听力障碍的用户就无法访问音频和视频内容。对于身处噪音环境或无法获得音频的用户来说,字幕也十分有用。

示例

此规则不正确的代码示例

jsx
<audio></audio>
<video></video>

此规则正确的代码示例

jsx
<audio><track kind="captions" src="caption_file.vtt" /></audio>
<video><track kind="captions" src="caption_file.vtt" /></video>

参考资料

根据 MIT 许可证发布。