diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp index 7a318cc3..1e3d516f 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp @@ -23,12 +23,17 @@ $(document).ready(function() { $('.skip-nav').show(); $('.skip-nav a:nth-of-type(1)').focus(); }); + $('.skip-nav a').focus(function(){ + $(this).css('z-index','1'); + }); $('.skip-nav a:nth-of-type(4)').focusout(function(){ $('.skip-nav').hide(); + $('.skip-nav a').css('z-index','0'); }); $(".skip-nav a").keydown(function (e) { if (e.keyCode == 13) { $('.skip-nav').hide(); + $('.skip-nav a').css('z-index','0'); } }); diff --git a/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp b/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp index f5c92394..4860b8b5 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp @@ -37,10 +37,29 @@ $( document ).ready(function() { fn_setPageTitle("${pageTitle}"); }); //--> + +$( document ).ready(function() { + // 접근성 + $("#map").focus(function(){ + $('.skip-nav').show(); + $('.skip-nav a:nth-of-type(1)').focus(); + }); + $('.skip-nav a:nth-of-type(2)').focus(function(){ + $('.skip-nav').hide(); + $('.wrap header .inner h1 a').focus(); + }); + $(".skip-nav a").keydown(function (e) { + if (e.keyCode == 13) { + $('.skip-nav').hide(); + //$('.wrap header .inner h1 a').focus(); + } + }); +});

${pageTitle} 섹션영역

diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 681bfa61..0edcdd1d 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -2,8 +2,8 @@ @charset "utf-8"; /********** 헤더 **********/ -.skip-nav {position:fixed;left:0px;top:0px;z-index:999;} -.skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;} +.skip-nav {position:fixed;left:0px;top:0px;z-index:999;display:inline-block;width:100%;} +.skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;} .blind {display:none;} .wrap {display:inline-block;width:100%;min-width:1400px;} .wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;}