접근성수정

This commit is contained in:
com02 2021-12-06 11:41:10 +09:00
parent 6dde7e13c2
commit 5d5dc1d51a
3 changed files with 28 additions and 4 deletions

View File

@ -29,6 +29,7 @@ $(document).ready(function() {
$('.skip-nav a:nth-of-type(4)').focusout(function(){
$('.skip-nav').hide();
$('.skip-nav a').css('z-index','0');
$('.wrap header .inner .search-wrap .search-input .btn-search-detail').focus();
});
$(".skip-nav a").keydown(function (e) {
if (e.keyCode == 13) {
@ -37,6 +38,19 @@ $(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();
});
$('.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');
});
$('.sec6 .inner .more-btn a').focus(function(){
$('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover').css('opacity','0');
});
});
function fn_search(keyword) {

View File

@ -162,7 +162,7 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;}
.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;}
.sec1 .inner .banner p:nth-of-type(2) {top:400px;}
.sec1 .inner .banner p:nth-of-type(2) a {border:1px solid #fff;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;}
.sec1 .inner .banner p:nth-of-type(2) a {border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;}
.sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;}
.MainSwiper {width:100%;height:100%;display:inline-block;}
.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-rtl .swiper-button-prev:after, .MainSwiper .swiper-button-prev:after, .MainSwiper .swiper-rtl .swiper-button-next:after {color:#fff;}
@ -232,7 +232,7 @@ transform: rotate(45deg);
/********** 메인섹션4 **********/
.sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;}
.sec4 .inner .middle-banner h3 {padding:70px 0px 20px;font-size:36px;line-height: 46px;color: #fff;}
.sec4 .inner .middle-banner h3 strong {color:#feb855;}
.sec4 .inner .middle-banner h3 strong {color:#ffcf8b;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.sec4 .inner .middle-banner p {font-size:18px;font-weight: 100;color:#fff;}
@ -1584,7 +1584,7 @@ transform: rotate(45deg);}
.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
.qna .btn-box {float:right;}
.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;}
.no-result {padding:60px 0px;font-size:14px;color:#666;text-align:center;}
.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;}
.privacy .top-bg p {color:#fff;}
@ -1993,7 +1993,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
.btn-green {background: #327f8f;color: #fff;}
.btn-green:focus,
.btn-green:hover {background: #1a6878;transition: background .3s ease;}
.btn-orange {background: #ec8c26;color: #fff;}
.btn-orange {background: #d27818;color: #fff;}
.btn-orange:focus,
.btn-orange:hover {background: #e26c26;transition: background .3s ease;}
.btn-gray {background: #666;color: #fff;}

View File

@ -33,6 +33,16 @@ $(document).ready(function(){
});
});
//메인 슬라이드 접근성
$('.MainSwiper .loop-count button.remote span').append('<span class="ir">일시정지</span>');
$('.MainSwiper .loop-count button.remote').click(function(){
if($('.MainSwiper .loop-count button.remote').hasClass('restart') === false) {
$('.MainSwiper .loop-count button.remote .ir').text('일시정지');
} else {
$('.MainSwiper .loop-count button.remote .ir').text('재생');
}
});
/* 인기자료 탭메뉴 */
(function ($) {
$(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");