带有YouTube视频的iframe – 辅助功能错误：通过ID引用其他元素的ARIA属性应该引用DOM中存在的元素

我有一个包含Youtube视频的iframe,如下所示：

<iframe src="//www.youtube.com/embed/my-video" width="225" height="150"></iframe>

当我通过Chrome辅助功能审核运行网站时,我在iframe中收到以下错误：

[Severe] ARIA attributes which refer to other elements by ID should refer to elements which exist in the DOM (3)
See AX_ARIA_02 for more information.

知道如何解决这个问题吗？

====更新

我注意到了其他错误：

[Severe] Controls and media elements should have labels
See AX_TEXT_01 for more information.
<video class=​"video-stream html5-main-video" style=​"width:​ 225px;​ height:​ 150px;​ left:​ 0px;​ top:​ -150px;​ transform:​ none;​">​</video>​

和

[Severe] Elements with ARIA roles must ensure required owned elements are present (3)
See AX_ARIA_08 for more information.
<div class=​"ytp-playlist-menu-items" role=​"menu">​</div>​
<div class=​"ytp-related-menu-items" role=​"menu">​</div>​
<div class=​"ytp-menu" role=​"menu" id=​"ytp-main-menu-id">​</div>​

据推测,Youtube视频播放器不符合ARIA标准吗？

解决方法

尝试在iframe src的前面添加https：

这应该是你的代码：

<iframe src="https://www.youtube.com/embed/my-video" width="225" height="150"></iframe>

您的视频类型Chrome也可能不支持.

原文地址：https://www.jb51.cc/html/225667.html