접근성수정

This commit is contained in:
com02 2021-12-06 11:45:29 +09:00
parent a8e8a15e9b
commit b5e1d71940
4 changed files with 15 additions and 15 deletions

View File

@ -37,14 +37,7 @@ $(document).ready(function() {
$('.skip-nav a').css('z-index','0');
}
});
$('.wrap .nav-wrap #primary-nav ul li a').focus(function(){
$('.wrap .nav-wrap #primary-nav ul li .sub-menu').show();
});
$('.mo-nav-wrap .login_box .btns_box button.btn_login').focus(function(){
$('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide();
});
$('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a').focus(function(){
$('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover').css('opacity','1');
});

View File

@ -491,10 +491,10 @@ function goList(){
<p>자료를 <strong>SNS</strong>에 공유해보세요.</p>
<button class="btn-close-pop">닫기</button>
<ul class="sns-list">
<li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li>
<li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li>
<li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li>
<li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li>
<button type="button" class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></button>
<button type="button" class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></button>
<button type="button" class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></button>
<button type="button" class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></button>
</ul>
<div class="link-copy">
<label for="p_link-copy" style="display:none;">link</label><input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/>

View File

@ -1647,13 +1647,13 @@ transform: rotate(45deg);
.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;}
.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
.pop-sharing .sns-list {text-align: center;padding-top: 16px;}
.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
.pop-sharing .sns-list button {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
.pop-sharing .sns-list button img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
.pop-sharing .sns-list button p {padding-top:5px;font-size:12px;color:#fff;}
.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;}
.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}

View File

@ -33,6 +33,13 @@ $(document).ready(function(){
});
});
$('.wrap .nav-wrap #primary-nav ul li a').focus(function(){
$('.wrap .nav-wrap #primary-nav ul li .sub-menu').show();
});
$('.mo-nav-wrap .login_box .btns_box button.btn_login').focus(function(){
$('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide();
});
//메인 슬라이드 접근성
$('.MainSwiper .loop-count button.remote span').append('<span class="ir">일시정지</span>');
$('.MainSwiper .loop-count button.remote').click(function(){