웹접근성
건너뛰기 링크
yeon.Biju
2018. 4. 2. 13:36
<style>
#skipnavigation a {position:absolute; top: -9999px; left:-3000%; height:0px;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
</style>
<div id="skipnavigation">
<a href="#visual-box">본문 바로가기</a>
<a href="#gnb">주 메뉴 바로가기</a>
</div>
항목 14. 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.