我正在努力创建客户网站,以使其访问。我们正在使用YouTube视频的iframe拿起视频。这些视频正常工作,更新了封闭的字幕等。但是,在YouTube频道徽标上显示的ARIA标签显示为"照片的照片",该图像不符合可访问性指南。
<a class="ytp-title-channel-logo" target="_blank" data-visual-id="2" href="https://www.youtube.com/channel/lettersandsuch" aria-label="Photo image of " style="background-image: url("https://filepathforphoto.png");"></a>
由于它在iframe中,所以我不知道我们是否可以实际抓住并使用JS更改iframe。我已经尝试在YouTube帐户中乱七八糟,更改徽标并更新频道名称,但没有击中ARIA标签。
我尝试用jQuery更改它,但我认为我做的不对。我在iframe上放置一个ID并应用了此信息:
$(document).ready(function(){
var iFrameDOM = $("iframe#frameID").contents();
iFrameDOM.find('.ytp-title-channel-logo').attr('aria-role', 'something');
})
它在本地没有显示任何错误,但没有应用代码更改。有没有办法更改YouTube频道徽标上的ARIA-LABEL?
您无法更改跨域iframe的dom,因为具有相同的原点策略,即Web浏览器允许第一个网页中包含的脚本可以在第二个网页中访问数据,但仅当两者都是网页具有相同的来源。javaScript无法读取跨站点的内容。这是为了防止被称为跨站点脚本(XSS)的安全漏洞实施。
在YouTube Player参数中没有任何选择