我目前正在制作一个带有无声 视频横幅的网页。
我正在使用 aXe突出显示页面内容的潜在可访问性问题的 Chrome 浏览器插件,它引发了两个与视频元素的可访问性相关的问题:
- 确保
<video>
元素有标题 - 确保
<video>
元素有音频描述
我只是想知道是否有任何建议以可访问的方式传达视频元素没有音频。
最佳答案
video
可访问性有两个问题:替换声音的字幕和描述图像的音频描述(或文本替代)。
您的视频是无声的这一事实并不意味着您不需要对视频中出现的内容进行文字描述。
在您的情况下,我会查看属性
controls="muted"
,它可能是一个提示,用于指示视频当前没有任何声音的辅助技术。我会选择以下其中一项:
a) 我将在
video
元素上设置aria-describedby
属性以指向包含描述的div
。b) 或者如果您的视频只是装饰性的,那么我会在父元素上设置
aria-hidden=true
属性
关于html - 使没有声音的视频元素可访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45461118/