반복되는 영역은 건너뛸 수 있는 링크 제공 - '본문 바로가기'만 있어도 되며, 키보드로 접근 가능해야 함
문서에서 가장 상단에 위치하며, 화면에선 보이지 않으나 키보드 접근 시 노출 됨.
ex) http://www.webwatch.or.kr/
- HTML
<div id="sknavi_box"> <a class="sknavi" href="#sub_content">본문 바로가기</a> </div>
- CSS
.sknavi { position:absolute; top:-500px; } .sknavi:focus, .sknavi:active { top:1px; display:block; width:200px; height:18px; padding:3px; margin-left:5px; text-align:center; font-size:100%; font-weight:bold; background-color:#eee; border: 1px solid #135; text-decoration:none; }