skipNav

skipNav

웹접근성의 지침중에 하나로 키보드 tab키를 이용해서 컨텐츠에 접근이 가능해야 한다.

html

<ul id="skipNavi">

<li><a href="#gnb">메뉴바로가기</a></li>

<li><a href="#content">본문바로가기</a></li>

</ul>

css

/* SkipNavi */

#skipNavi{position:absolute;left:0;top:0;z-index:5;width:100%;z-index:1000}

#skipNavi li{position:absolute;left:0;top:0;z-index:5;width:100%}

#skipNavi a{display:block;width:1px;height:1px;margin-bottom:-1px;font-size:0;overflow:hidden;font-family:'맑은 고딕'}

#skipNavi a:active, #skipNavi a:focus{color:#000;width:100%;height:auto;padding:5px 0;background:#eee;font-size:12px;text-align:center;}

/* //SkipNavi */