跳至內容

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 授權下發布。