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>