[웹접근성] 건너뛰기 링크(Skip Navigation)란? > 기술자료 | 해피정닷컴

[웹접근성] 건너뛰기 링크(Skip Navigation)란? > 기술자료

본문 바로가기

사이트 내 전체검색

[웹접근성] 건너뛰기 링크(Skip Navigation)란? > 기술자료

HTML [웹접근성] 건너뛰기 링크(Skip Navigation)란?

페이지 정보


본문

건너뛰기 링크는 말 그대로 “링크”를 건너뛰기 위해 제공되는 메뉴를 의미합니다. 여기서 “링크”라는 것은 매 페이지마다 반복적으로 제공되는 링크를 말하며, 건너뛰기 링크는 이를 건너뛰어 바로 본문으로 포커스를 이동할 수 있게 해주는 역할을 하게 됩니다.

웹 접근성 연구소에 제공된 건너뛰기 링크 (skip navigation)
[웹 접근성 연구소(http://www.wah.or.kr)의 건너뛰기 링크 사례]

비장애인의 경우 화면에 출력된 내용을 시각적으로 정확히 인지할 수 있고, 화면에서 원하는 영역으로 바로 시선을 옮길 수 있습니다. 하지만, 장애인의 경우에는 화면에 출력된 내용을 시각적으로 볼 수 없기 때문에 특정 행동, 즉 Tab키나 방향키로 콘텐츠들을 지나가거나 보조 기기의 단축키 등을 이용해야 합니다.

비장애인은 큰 문제가 없지만, 장애인의 경우에는 해당 페이지의 주요 내용이 위치해있는 본문으로 이동하기 위해서는 대메뉴와 좌측 메뉴 등과 같이 반복적으로 제공되는 링크를 모두 거쳐가야만 합니다. 즉, Tab키/방향키을 반복적으로 눌러야하는 불필요한 행동을 해야하는 것입니다. 이는 웹 접근성(엄밀히 말하면 주 콘텐츠 접근성)을 저해하는 주요인이 됩니다.

그래서 사용자 특히 장애인이 반복적인 링크들로 인해 불편해 하지 않고, 원하는 영역 즉 “본문”으로 바로 이동할 수 있는 건너뛰기 링크를 반드시 제공해야만 합니다.


[ 제공 위치 ]

건너뛰기 링크는 웹 페이지 상단에서 반복되는 콘텐츠를 건너뛰는 것이므로, 건너뛰기 링크 이전에는 콘텐츠가 없어야 합니다. 즉, <body>가 시작하고 바로 나오는 것이 가장 적절합니다.


[ 제공 방법 ]

건너뛰기 링크의 주 기능은 “반복되는 메뉴를 건너뛰고 본문으로 바로가는 기능”입니다. 즉, 링크는 “메뉴 건너뛰기”만 있으면 됩니다.

특정 영역으로 바로 가는 링크들의 모음이 아니라, ‘현재 페이지의 본문으로 이동하는 것이 주 기능’이므로 이를 바로가기 메뉴(Quick Link)처럼 사용해서는 안됩니다. (아래 ‘잘못된 사례’에서 부연설명)

이때, 추가적으로 ‘대메뉴 바로가기’나 ‘퀵 메뉴 바로가기’ 등을 제공하는 정도는 일정 부분 허용할 수 있다고 하더라도 아래 사례처럼 많은 링크를 제공하는 것은 피해야합니다.

‘메뉴 건너뛰기’라는 명칭은 ‘콘텐츠 바로가기’, ‘본문 바로가기’ 등의 이름으로도 사용될 수 있습니다. 하지만, 링크가 이동되는 위치보다는 링크로 인해 건너뛰는 부분을 알려줄 수 있도록 링크명을 정하는 것이 더 적절하다고 볼 수 있습니다.


관련자료
http://www.jangkunblog.com/wp/skip-navigation-is-not-a-quick-link/
HHS.gov – Skip Navigation (Accessibility/508)
WebAIM – “Skip Navigation” Links
JimThatcher.com – Skip Navigation Links

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 81 페이지
  • RSS
기술자료 목록
1034
WindowsServer   27070  2011-12-28 16:30  
1033
Editor   17339  2011-12-27 14:22  
1032
HTML   15592  2011-12-26 14:18  
1031
ClassicASP   26186  2011-12-22 21:49 ~ 2015-01-26 00:00  
1030
HTML   28046  2011-12-19 22:46 ~ 2015-04-04 00:00  
1029
PHP   23692  2011-12-16 17:50 ~ 2017-12-01 23:10  
1028
PHP   35519  2011-12-16 14:24  
1027
PHP   14654  2011-12-16 11:56  
1026
PHP   39957  2011-12-10 17:48 ~ 2011-12-17 00:00  
1025
PHP   22258  2011-12-10 17:48  
1024
MySQL   16991  2011-12-01 23:15 ~ 2018-01-16 11:18  
1023
PHP   18727  2011-11-28 08:46 ~ 2017-01-13 00:00  
열람
HTML   19479  2011-11-24 20:03  
1021
Adobe   15017  2011-11-16 23:15  
1020
일반   18033  2011-11-14 22:25 ~ 2013-11-24 00:00  
1019
SNS   14425  2011-11-14 09:10  
1018
SNS   12752  2011-11-07 08:37  
1017
SNS   11941  2011-11-06 04:38  
1016
일반   13928  2011-11-06 01:16  
1015
전자결제   18247  2011-11-04 16:22 ~ 2011-11-05 00:00  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.