웹접근성 보완작업 : 메인화면

src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp

@@ -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"><span class="title-1" name="siteCommonTitle" 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" name="siteCommonTitle" id="siteCommonTitle">${councilNm}</span><span class="title-2">소장자료관</span></a></h1>
             
             <div class="search-wrap">
                 <h2 class="blind">검색</h2>
@@ -44,16 +44,17 @@ 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">
+                            <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" onclick="javascript:fn_layerPop('${pageContext.request.contextPath}/search/getDetailedSearchFormPopup.do');">상세검색</button> -->
                             <button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세<span>검색</span></button>
                         </div> 
                         <div class="condition_sear">
-                            <select name="sfield" id="sfield" class="sear_depth">
+                            <select name="sfield" id="sfield" class="sear_depth" title="검색대상">
                                 <option value="" selected="selected">전체</option>
                                 <option value="TITLE">제목</option>
                             </select>
+                            <label for="sfield" style="display:none">검색대상</label>
                         </div>
                     </fieldset>
                 </form>

src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp

@@ -91,28 +91,32 @@ function fn_listPops(typeDivCd) {
             </div>
             <div class="color-box">
                 <div class="list">
-                    <a href="javascript:void(0);" onclick="location.href = '/inform/selectNCultureOperationInfo.do';"></a>
+                    <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>
+                    </a>
                 </div>
                 <div class="list">
-                    <a href="javascript:void(0);" onclick="location.href = '/inform/selectNCultureLocationInfo.do';"></a>
+                    <a href="javascript:void(0);" onclick="location.href = '/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>
+                    </a>
                 </div>
                 <div class="list">
-                    <a href="javascript:void(0);" onclick="location.href = '/rent/listRentItems.do';"></a>
+                    <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>
+                    </a>
                 </div>
                 <div class="list">
-                    <a href="javascript:void(0);" onclick="location.href = '/read/listReadItems.do';"></a>
+                    <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>
+                    </a>
                 </div>
             </div>
         </div>

src/main/webapp/WEB-INF/tiles/inc/menu.jsp

@@ -83,7 +83,7 @@ $(document).ready(function() {
                 <div class="menu_box">
                     <ul class="mo_dropdown">
                         <li class="mo_menu">
-                            <a href="/">
+                            <a href="javascript:void(0)" onclick="javascript:location.href='/';" title="홈">
                                 <div class="wrap">
                                     <div class="name">홈</div>
                                     <div class="drop_icon"></div>

src/main/webapp/js/nlib.js

@@ -93,12 +93,15 @@ function fn_closeLayerPopup() {
 	$('html,body').removeClass('no-scroll');
 }
 
-function fn_myAlert(newAlertNum) {
+function gfn_myAlert(newAlertNum) {
 	
 	if(newAlertNum == "undefined" || newAlertNum == null || newAlertNum < 1) {
 		return;
 	}
 	
+	var alertShowed = gfn_getCookie("_NLIB_ALERT_DONE");
+	if(!fn_isEmpty(alertShowed) && alertShowed == "Y") return;
+		
     var notiHtml = 
         '<div class="row Title">' + 
         '    <p>지방문화원 소장자료</p>' + 
@@ -109,7 +112,7 @@ function fn_myAlert(newAlertNum) {
         '        <p>아직 확인하지 않은<br>새로운 알림이 <span>' + newAlertNum + '</span>건 있습니다.</p>' + 
         '    </div>' + 
         '    <div class="row btn-box">' + 
-        '        <button type="button" class="btn btn-color" onclick="fn_closeLayerPopup()">확인</button>' + 
+        '        <button type="button" class="btn btn-color" onclick="gfn_closeMyAlert()">확인</button>' + 
         '        <button type="submit" class="btn btn-green" onclick="location.href = \'/cmm/listNotifications.do\'; ">알림 목록으로</button>' + 
         '    </div>' + 
         '    <button type="button" class="notice-close" onclick="fn_closeLayerPopup()"></button>' + 
@@ -118,6 +121,32 @@ function fn_myAlert(newAlertNum) {
     fn_layerPopWithHtml(notiHtml, "pop-notice");
 }
 
+function gfn_closeMyAlert() {
+	gfn_setCookie("_NLIB_ALERT_DONE", "Y");
+	fn_closeLayerPopup();
+}
+
+function gfn_setCookie(cookieName, cookieValue, cookieExpire, cookiePath, cookieDomain, cookieSecure){
+    var cookieText = escape(cookieName) + '=' + escape(cookieValue);
+    cookieText += (cookieExpire ? '; EXPIRES='+cookieExpire.toGMTString() : '');
+    cookieText += (cookiePath ? '; PATH='+cookiePath : '');
+    cookieText += (cookieDomain ? '; DOMAIN='+cookieDomain : '');
+    cookieText += (cookieSecure ? '; SECURE' : '');
+    document.cookie=cookieText;
+}
+ 
+function gfn_getCookie(cookieName){
+    var cookieValue=null;
+    if(document.cookie){
+        var array=document.cookie.split((escape(cookieName)+'='));
+        if(array.length >= 2){
+            var arraySub=array[1].split(';');
+            cookieValue=unescape(arraySub[0]);
+        }
+    }
+    return cookieValue;
+}
+ 
 function fn_layerPopWithHtml(cHtml, addClasses) {
 	$("#NLIB_LAYER_POPUP").removeClass();
     $("#NLIB_LAYER_POPUP").addClass(addClasses);