개발자 아카이브

 

웹 콘텐츠 제작기법

8. 건너뛰기 링크 제공

8.1 건너뛰기 링크

인터넷 웹 콘텐츠 접근성 지침: 웹 콘텐츠는 반복 네비게이션 링크를 뛰어넘어 페이지의 핵심 부분으로 직접 이동할 수 있도록 구성하여야 한다.

W3C WCAG1.0:
지침 13. 명확한 탐색 구조를 가져야 한다.
Guideline 13. Provide clear navigation mechanisms.
미 재활법 508조:
(o) 반복적인 내비게이션 링크를 사용자가 건너 뛸 수 있는 방법을 제공해야 한다.
((o) A method shall be provided that permits users to skip repetitive navigation links.)

잘못된 사례 [개선전] 중요 콘텐츠로 바로 접근이 불가능한 콘텐츠 페이지

사례 이미지

중요 콘텐츠로 바로 접근이 불가능한 콘텐츠 페이지

[그림] 중요 콘텐츠로 바로 접근이 불가능한 콘텐츠 페이지

※ 출처: ○○○○○○○○원 (http://www.kigepe.or.kr/02_Business/Busi_01.asp), 2008. 11. 10
사례설명
  • 메뉴를 건너뛸 방법이 없음.
  • 사이트 구조상 동일한 상단 메뉴나 좌측 메뉴가 페이지마다 되풀이 될 경우에는, 화면낭독 프로그램이 반복적으로 읽지 않고서 핵심 콘텐츠에 직접 접근할 수 있도록 링크를 넣어주어야 함.
참고사이트
전체 사례 목록으로

우수 사례 페이지 설명이 길어지는 경우 목차를 제공

사례 이미지

페이지 설명이 길어지는 경우 목차를 제공

[그림] 페이지 설명이 길어지는 경우 목차를 제공

※ 출처: 서울유도회 (http://www.seouljudo.com/judo_data.html), 2008. 11. 10
사례설명
  • 한 페이지 내에서도 전체 내용의 목차를 먼저 보여주는 것이 좋음.
  • 목차를 작성할 때 하단의 내용 목록에 맞게 정확하게 기재해야 함.
참고사이트
전체 사례 목록으로

우수 사례 보이지 않는 건너뛰기 링크 제공

사례 이미지

보이지 않는 건너뛰기 링크 제공

[그림] 보이지 않는 건너뛰기 링크 제공

해당 사례의 원본 소스
<a href="#skip_sub">카테고리별 하위메뉴로 바로가기</a>
<a href="#skip_cnt">본문으로 바로가기</a>
<a href="#skip_foot">하단메뉴로 바로가기</a>
<a href="/util/sitemap.jsp">사이트맵으로 바로가기</a>
※ 출처: LG공익재단 (http://foundation.lg.or.kr/culture/intro/intro.jsp), 2008. 11. 10
사례설명
  • 각 페이지 메뉴시작 부분에 해당 페이지의 핵심 콘텐츠로 바로 이동할수 있는 링크를 제공.
  • 시각적인 브라우저에서는 보이지 않으나 텍스트전용 브라우저를 사용하거나 키보드만을 사용하는 경우 핵심콘텐츠로 빠르게 이동할 수 있음.
참고사이트
전체 사례 목록으로

우수 사례 보이지 않는 건너뛰기 링크 제공

사례 이미지

보이지 않는 건너뛰기 링크 제공

[그림] 보이지 않는 건너뛰기 링크 제공

해당 사례의 원본 소스
<a href="#skip-content" accesskey="2">Skip to content</a>
※ 출처: 케임브리지대학교 (http://www.cam.ac.uk/), 2008. 11. 10
사례설명
  • 각 페이지 시작 부분에 현재 페이지의 핵심 콘텐츠로 건너뛸 수 있는 링크를 제공.
  • 시각적인 브라우저에서는 보이지 않으나 텍스트전용 브라우저를 사용하거나 키보드만을 사용하는 경우 핵심 콘텐츠로 빠르게 이동할 수 있음.
참고사이트
전체 사례 목록으로

주요메뉴

웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.

(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)

팀 버너스 리 경-웹의 창시자(Tim Berners - Lee , W3C Director and inventor of the World Wide Web)

위로가기