$('.mainSlider').bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
pager: true,
speed:500,
autoControlsCombine: true,
responsive: true,
pause: 5000,
// 웹접근성 대응
onSliderLoad: function(){
$(".bx-clone").find("a").prop("tabIndex","-1");
},
onSlideAfter: function(){
$(".mainSlider").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
반응형
'웹 개발 > 웹접근성|웹표준' 카테고리의 다른 글
페이지별 H 태그 구조 한번에 파악하는 방법 - html 5 outliner (0) | 2023.11.08 |
---|---|
웹접근성 배우기 좋은 유튜브 채널 추천 (0) | 2023.10.23 |
웹접근성 검사 도구 추천 (0) | 2023.05.08 |
웹접근성 (한국형 웹 콘텐츠 접근성 지침 2.2) (0) | 2023.04.07 |
댓글