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

前端之家收集整理的这篇文章主要介绍了带有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也可能不支持.

猜你在找的HTML相关文章