접근성 수정
This commit is contained in:
com02
parent
fe4733589f
commit
11420371e7
@ -35,7 +35,7 @@ function fn_getMemberCard() {
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
|
||||
<h1><a href="javascript:void(0)" onclick="javascript:location.href='/';"><img src="/images/img/img-logo.svg" alt="로고"><span class="title-1" id="siteCommonTitle">${councilNm}</span><span class="title-2">소장자료관</span></a></h1>
|
||||
<h1><a href="javascript:void(0)" onclick="javascript:location.href='/';"><img src="/images/img/img-logo.svg" alt=""><span class="title-1" id="siteCommonTitle">${councilNm}</span><span class="title-2">소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
@ -45,7 +45,7 @@ function fn_getMemberCard() {
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="top_query" class="ark_query" value="" autocomplete="off"><label for="top_query" style="display:none">검색어</label>
|
||||
<input type="text" placeholder="검색어를 입력해주세요" title="검색어 입력" name="query" id="top_query" class="ark_query" value="" autocomplete="off"><label for="top_query" style="display:none">검색어</label>
|
||||
<button type="button" class="btn-search" id="searchHeaderButton" onclick="goSearch();"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세<span>검색</span></button>
|
||||
</div>
|
||||
|
||||
@ -92,7 +92,7 @@ function fn_listPops(typeDivCd) {
|
||||
|
||||
<c:if test="${fn:length(listBannerInfos) < 1 }">
|
||||
<li class="swiper-slide">
|
||||
<div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt="메인 배너 이미지"></div>
|
||||
<div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt=""></div>
|
||||
<div class="text">
|
||||
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3>
|
||||
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p>
|
||||
@ -106,10 +106,10 @@ function fn_listPops(typeDivCd) {
|
||||
<li <c:if test="${fn:length(listBannerInfos) > 1 }"> class="swiper-slide" </c:if> >
|
||||
<div class="img">
|
||||
<c:if test="${not empty bannerItem.streFileNm }">
|
||||
<img src="/main/bannerImage.do?bannerId=${bannerItem.bannerId }" alt="메인 배너 이미지">
|
||||
<img src="/main/bannerImage.do?bannerId=${bannerItem.bannerId }" alt="">
|
||||
</c:if>
|
||||
<c:if test="${empty bannerItem.streFileNm }">
|
||||
<img src="/images/bg/bg-mainbanner.jpg" alt="메인 슬라이딩 배너 이미지">
|
||||
<img src="/images/bg/bg-mainbanner.jpg" alt="">
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="text">
|
||||
@ -141,29 +141,29 @@ function fn_listPops(typeDivCd) {
|
||||
<div class="list">
|
||||
<a href="javascript:void(0);" onclick="location.href = '/inform/selectNCultureOperationInfo.do';" title="이용안내">
|
||||
<div class="title">이용안내</div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-01.png" alt="이용안내 아이콘"></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-01.png" alt=""></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list">
|
||||
<a href="javascript:void(0);" onclick="gfn_gotoUrl('/inform/selectNCultureLocationInfo.do')" title="찾아오시는 길">
|
||||
<div class="title">찾아오시는 길</div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-02.png" alt="지도 아이콘"></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-02.png" alt=""></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list">
|
||||
<a href="javascript:void(0);" onclick="location.href = '/rent/listRentItems.do';" title="대출관리">
|
||||
<div class="title">대출관리</div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-03.png" alt="대출 아이콘"></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-03.png" alt=""></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list">
|
||||
<a href="javascript:void(0);" onclick="location.href = '/read/listReadItems.do';" title="열람관리">
|
||||
<div class="title">열람관리</div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-04.png" alt="열람 아이콘"></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-sec1-04.png" alt=""></div>
|
||||
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -206,7 +206,7 @@ function fn_listPops(typeDivCd) {
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="list-box">
|
||||
<div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회"><img src="${itemPick.rprsThumbUrlWithDefaultMiddle }" alt="상세조회"></a></div>
|
||||
<div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회"><img src="${itemPick.rprsThumbUrlWithDefaultMiddle }" alt="월간 우리문화"></a></div>
|
||||
<div class="subject">
|
||||
<a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회">
|
||||
<span class="block"><span class="cla">${itemPick.typeDivNm }</span></span>
|
||||
@ -283,7 +283,6 @@ function fn_listPops(typeDivCd) {
|
||||
<div class="inner">
|
||||
<h3 class="title"><span>온라인</span> 자료관</h3>
|
||||
<p class="desc">문화원 전자자료를 온라인으로 간편하게 열람해보세요!</p>
|
||||
<div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
|
||||
<!-- Swiper -->
|
||||
<div class="swiper onlineSwiper">
|
||||
<div class="swiper-wrapper items cover">
|
||||
@ -293,7 +292,7 @@ function fn_listPops(typeDivCd) {
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="${itemOnline.rprsThumbUrlWithDefaultMiddle }" alt="썸네일" /></span>
|
||||
<span class="image-frame"><img src="${itemOnline.rprsThumbUrlWithDefaultMiddle }" alt="우리문화 표지" /></span>
|
||||
<div class="detail-cover">
|
||||
<a href="javascript:void(0)" title="상세화면 보기" onclick="gfn_getDetail('${itemOnline.masterId }')" ><strong>${itemOnline.title }</strong></a>
|
||||
<ul>
|
||||
@ -317,6 +316,7 @@ function fn_listPops(typeDivCd) {
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
|
||||
</div>
|
||||
</section>
|
||||
</c:if>
|
||||
@ -326,7 +326,7 @@ function fn_listPops(typeDivCd) {
|
||||
<h2 class="blind">커뮤니티 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="Fl notice">
|
||||
<div class="ti"><span>공지사항</span><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
|
||||
<div class="ti"><span>공지사항</span><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
|
||||
<div class="con">
|
||||
<c:forEach var="itemAncmnt" items="${listAncmnt }">
|
||||
<div class="list">
|
||||
@ -342,7 +342,7 @@ function fn_listPops(typeDivCd) {
|
||||
</div>
|
||||
</div>
|
||||
<div class="Fl qna">
|
||||
<div class="ti"><span>Q&A</span><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
|
||||
<div class="ti"><span>Q&A</span><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
|
||||
<div class="con">
|
||||
<c:forEach var="itemQna" items="${listQna }">
|
||||
<div class="list">
|
||||
|
||||
@ -356,6 +356,20 @@ function mobileCert(){
|
||||
mobileDoubleSubmitFlag = false;
|
||||
}
|
||||
})
|
||||
|
||||
// 접근성
|
||||
if(event.type === 'click'){
|
||||
return true;
|
||||
}
|
||||
else if(event.type === 'keypress'){
|
||||
var code = event.charCode || event.keyCode;
|
||||
if((code === 32)|| (code === 13)){
|
||||
return true;
|
||||
}
|
||||
}
|
||||
else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
<%
|
||||
@ -570,7 +584,7 @@ function fn_cancel(){
|
||||
<div class="form-group Username">
|
||||
<label for="name">이름</label>
|
||||
<div class="con">
|
||||
<input class="form-control" type="text" id="name" name="name" minlength="2" maxlength="20" value="<c:out value="${loginVO.snsName}"/>" placeholder="이름을 입력하세요" />
|
||||
<input class="form-control" type="text" id="name" name="name" minlength="2" maxlength="20" value="<c:out value="${loginVO.snsName}"/>" placeholder="이름을 입력하세요" title="이름을 입력하세요"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -595,7 +609,7 @@ function fn_cancel(){
|
||||
<label>휴대폰 번호</label>
|
||||
<div class="con mobile">
|
||||
<div class="row">
|
||||
<label for="mobileNo_1" style="display:none;">ex)010</label><input class="form-control mobile1" type="text" id="mobileNo_1" value="010" maxlength="3" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"/> -
|
||||
<label for="mobileNo_1" style="display:none;">ex)010</label><input class="form-control mobile1" type="text" id="mobileNo_1" value="010" title="010" maxlength="3" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"/> -
|
||||
<label for="mobileNo_2" style="display:none;">1234</label><input class="form-control mobile2" type="text" id="mobileNo_2" value="" maxlength="4" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"/> -
|
||||
<label for="mobileNo_3" style="display:none;">5678</label><input class="form-control mobile3" type="text" id="mobileNo_3" value="" maxlength="4" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"/>
|
||||
<button type="button" class="btn-color" id="mobileCertSendBtn" name="mobileCertSendBtn" style="display:none;" onclick="mobileCert();">인증하기</button>
|
||||
@ -631,12 +645,12 @@ function fn_cancel(){
|
||||
<label>주소</label>
|
||||
<div class="con addr">
|
||||
<div class="row">
|
||||
<label for="zipCode" style="display:none;">우편번호</label><input class="form-control addr1" type="text" id="zipCode" name="zipCode" readonly placeholder="우편번호" />
|
||||
<label for="zipCode" style="display:none;">우편번호</label><input class="form-control addr1" type="text" id="zipCode" name="zipCode" readonly placeholder="우편번호" title="우편번호" />
|
||||
<button type="button" class="btn-color" onclick="sample6_execDaumPostcode();">우편번호</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="address" style="display:none;">주소</label><input class="form-control addr2" type="text" id="address" name="address" readonly placeholder="주소" />
|
||||
<label for="addressDetail" style="display:none;">상세주소</label><input class="form-control addr3" type="text" id="addressDetail" name="addressDetail" placeholder="상세주소" />
|
||||
<label for="address" style="display:none;">주소</label><input class="form-control addr2" type="text" id="address" name="address" readonly placeholder="주소" title="주소"/>
|
||||
<label for="addressDetail" style="display:none;">상세주소</label><input class="form-control addr3" type="text" id="addressDetail" name="addressDetail" placeholder="상세주소" title="상세주소" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -381,13 +381,13 @@ function detailSearchSetting(){
|
||||
<li class="row-keyword fw">
|
||||
<p class="tit"><label for="d_query">검 색</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="검색어를 입력하세요." id="d_query" name="query" value="" />
|
||||
<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." id="d_query" name="query" value="" />
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-keyword-detail">
|
||||
<p class="tit"><label for="d_bookIndex">목차검색</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="검색어를 입력하세요." id="d_bookIndex" name="bookIndex" value="" />
|
||||
<input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." id="d_bookIndex" name="bookIndex" value="" />
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-control-num">
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="javascript:void(0)" onclick="gfn_openNewWindow('http://www.kccf.or.kr/')"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
<h2><a href="javascript:void(0)" onclick="gfn_openNewWindow('http://www.kccf.or.kr/')"><img src="/images/img/img-footer-logo.png" alt="한국문화원연합회 The Federation of Korean Cultural Center"></a></h2>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
|
||||
@ -505,7 +505,7 @@ transform: rotate(45deg);
|
||||
.join .inner .row-bottom .join-box .form-group.form-group.Useremail .con span.suc {color:#3f8f4a;}
|
||||
.join .inner .row-bottom .join-box .form-group .con .row .chk-suc {display: inline-block;width:15px;height:15px;position: absolute;top:10px;right:330px;background: url(/images/icon/icon-checked-tab.png) no-repeat center;background-size: 15px;z-index: 99;display: none;}
|
||||
.join .inner .row-bottom .join-box .form-group.Usermobile .con .row .timer {display: inline-block;width:15px;height:15px;position: absolute;top:8px;right:350px;z-index: 99;color:red;display:none;}
|
||||
.join .inner .row-bottom .join-box .form-group .con span.fail {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:orange;display: none;}
|
||||
.join .inner .row-bottom .join-box .form-group .con span.fail {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:red;display: none;}
|
||||
|
||||
|
||||
/********** 회원가입 완료 **********/
|
||||
@ -1939,7 +1939,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
|
||||
/* button style */
|
||||
.btn-wrap {text-align: center;margin:30px 0px 30px;}
|
||||
.btn-box {margin:30px 0px 30px;}
|
||||
.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;margin-right: 6px;color: #999;}
|
||||
.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;margin-right: 6px;color: #111;}
|
||||
.btn-black {background: #333;color: #fff;}
|
||||
.btn-black:focus,
|
||||
.btn-black:hover {background: #666;transition: background .3s ease;}
|
||||
|
||||
@ -110,15 +110,15 @@
|
||||
<div class="join-box">
|
||||
<div class="step">
|
||||
<div class="s1">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt=""></div>
|
||||
<div class="text"><p>STEP 01</p><p>본인인증</p></div>
|
||||
</div>
|
||||
<div class="s2 on">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt="약관동의 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt=""></div>
|
||||
<div class="text"><p>STEP 02</p><p>약관동의</p></div>
|
||||
</div>
|
||||
<div class="s3">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step3.png" alt=""></div>
|
||||
<div class="text"><p>STEP 03</p><p>정보입력</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -110,15 +110,15 @@
|
||||
<div class="join-box">
|
||||
<div class="step">
|
||||
<div class="s1">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt=""></div>
|
||||
<div class="text"><p>STEP 01</p><p>본인인증</p></div>
|
||||
</div>
|
||||
<div class="s2">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt=""></div>
|
||||
<div class="text"><p>STEP 02</p><p>약관동의</p></div>
|
||||
</div>
|
||||
<div class="s3 on">
|
||||
<div class="icon"><img src="/images/icon/icon-join-step3-on.png" alt="정보입력 아이콘"></div>
|
||||
<div class="icon"><img src="/images/icon/icon-join-step3-on.png" alt=""></div>
|
||||
<div class="text"><p>STEP 03</p><p>정보입력</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,6 +18,11 @@ $(document).ready(function(){
|
||||
}
|
||||
});
|
||||
|
||||
//접근성
|
||||
$('.location-box .loc li:first-child').append('<span>다음</span>');
|
||||
$('.location-box .loc li span').hide();
|
||||
$('.location .inner .row-top .arr img').attr('alt','');
|
||||
|
||||
/* 인기자료 탭메뉴 */
|
||||
(function ($) {
|
||||
$(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");
|
||||
|
||||
Loading…
Reference in New Issue
Block a user