웹 접근성 - 반복 영역 건너뛰기

2. 운용의 이용성 - 쉬운 내비게이션

(반복 영역 건너뛰기) 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.

• 키보드를 사용하는 시각, 운동 장애인을 위해 본문으로 건너뛸 수 있는 링크를 제공해야 함
• 건너뛰기 링크를 제공 할 경우 페이지 맨 상단에 표시되도록 제공해야 하며, 키보드로 초점이 갔을 때 표시 되도록 해도 무방함
• 건너뛰기 링크는 3개 이하로 제공하는 것이 바람직함.
• 시각적인 구현 : 건너뛰기 링크는 시각장애인뿐 아니라 지체장애인도 키보드 조작횟수를 줄일 수 있게 하는 효과적인 수단이므로 메뉴 건너뛰기 링크는 화면에 보이도록 구현해야 한다. - 한국형 웹콘텐츠 접근성 지침 2.1 수정 된 사항

웹 접근성 연구소 - 스킵 네이게이션 소스 

HTML

<div id="skipnavigation">
    <ul>
        <li><a href="#visual-box">본문 바로가기</a></li>
        <li><a href="#gnb">주 메뉴 바로가기</a></li>
    </ul>
</div>

CSS

#skipnavigation a {position:absolute;left:-3000%;}
#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;}