制作没有声音的视频元素

时间:2017-08-02 12:37:20

标签: html html5 accessibility

我目前正在开发一个带有无声视频横幅的网页。

我正在使用aXe Chrome浏览器插件,该插件突出显示页面内容的潜在可访问性问题,并且它为视频元素提出了两个与问题相关的问题:

  • 确保if (rowId.length === lastChar.length) { newGridRow.rowId = rowId + "1"; } 元素具有字幕
  • 确保<video>元素具有音频描述

我只是想知道是否有任何建议在传达视频元素没有音频的可访问方式。

1 个答案:

答案 0 :(得分:1)

video辅助功能有两个问题:替换声音的标题,以及用于描述图像的音频解密(或文本替代)。

您的视频无声并不意味着您不需要对视频中显示的内容进行文字说明。

  1. 在您的情况下,我会查看属性controls="muted",该属性可以作为指示视频当前没有任何声音的辅助技术的提示。

  2. 我会选择以下其中一项:

    a)我会在aria-describedby元素上设置video属性,使其指向包含说明的div

    b)或者如果您的视频只是装饰性的,那么我会在父元素上设置aria-hidden=true属性