Youtube控制可访问性报告

Question

我有以下iframe：

<iframe src="http://www.youtube.com/embed/{{ item.getFieldCollectionItem().field_youtube.value }}?playsinline=0&rel=0&showinfo=0&controls=2&modestbranding=1&autohide=1" frameborder="0" width="300" height="169"></iframe>

然而，从API生成的按钮内部没有文本使其无法访问。我提到的可访问性报告提到了以下内容：

"Unlabelled 2 Button"

我假设参考＆＃34; play＆＃34;并且＆＃34;暂停＆＃34;的按钮。

是否有办法通过在其中包含描述性文字来使这些更易于访问？

Answer 1

我建议您使用支持YouTube视频的第三方视频播放器，而不是摆弄YouTube提供给我们的内容：

• Able Player在MIT许可下可用。 （GitHub上的源代码。）
• Plyr支持YouTube和Vimeo视频。 GitHub上的源代码在MIT许可下可用。
如果您添加Video.js。，
• YouTube plug-in也会支持YouTube视频

还有其他视频播放器专注于可访问性，但并非所有视频播放器都支持YouTube视频。