Jquery 将文本附加到aria标签名
我有两个光滑的滑块在我的网站上;显示其他事件的新闻的人。 我有一个可访问性错误,因为使用div.slick track的行上有重复的aria标签;我需要将文本附加到第一个滑动条div.slick-trackaria标签。 我试图更新slick.min.js文件,但我一直在破坏该文件。所以我只是想写一些jQuery代码(运气不好)在第一个滑块中将文本附加到aria标签上。 我已经看完了建议回答的问题,但没有运气。 这是我的HTML的一部分Jquery 将文本附加到aria标签名,jquery,html,wai-aria,Jquery,Html,Wai Aria,我有两个光滑的滑块在我的网站上;显示其他事件的新闻的人。 我有一个可访问性错误,因为使用div.slick track的行上有重复的aria标签;我需要将文本附加到第一个滑动条div.slick-trackaria标签。 我试图更新slick.min.js文件,但我一直在破坏该文件。所以我只是想写一些jQuery代码(运气不好)在第一个滑块中将文本附加到aria标签上。 我已经看完了建议回答的问题,但没有运气。 这是我的HTML的一部分 <div aria-label="news"
<div aria-label="news" class="slick slick-initialized slick-slider"
role="toolbar">
<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" style="display: block;">Previous</button>
<div aria-live="polite" class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 3487px; transform: translate3d(-2219px, 0px, 0px);" role="listbox" aria-label="slick-list">
//及
有什么建议吗?提前谢谢。试试看
var last =$(".slick-track").attr("aria-label");
$(".slick-track").attr("aria-label",last+"new");
将文本附加到第一个滑动条div.slick-track aria标签上:
$(“.slick track[aria label='slick-list']:first”)。附加(“新闻”)代码>
以前的
所以我的原始代码确实有效。问题是在DOM中我的jQuery代码(文件)之后加载了slick.min.js文件。一旦我改变了工作顺序 只要使用
document.getElementById('DIV_ID').setAttribute('aria-label', 'YOURTITLE');
这是$(“.slick track[aria label='slick-list'])代码>工作。但是您的div应用了transform3d
style属性,这会导致文本不可见。“这是我的HTML的一部分”-您的意思是aria label=“slick list”
是静态HTML。。。?那么,为什么不在那里更改它,而不是依赖JavaScript(特别是对于残疾用户而言,JavaScript可能不是给定的?)。。。?
var last =$(".slick-track").attr("aria-label");
$(".slick-track").attr("aria-label",last+"new");
document.getElementById('DIV_ID').setAttribute('aria-label', 'YOURTITLE');