[웹접근성 지침-일반기술 G124] 각각의 콘텐츠 영역으로 이동하는 링크를 페이지 상단에 배치하기

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G124.html

---

다양한 사용자들이 빠르게 원하는 콘텐츠에 접속 할 수 있도록 각각 콘텐츠로 이동하게 하는 링크 목록을 페이지 상단에 배치하면 좋겠습니다.

---

기술설명

이 기술의 목적은 페이지 안에 있는 각각의 콘텐츠로 바로 이동할 수 있는 링크의 목록을 제공하는 것입니다. 
이 목록의 링크를 활성화 하면 해당 콘텐츠로 초점(Focus)이 맞춰집니다. 
이 기술은 포털 사이트와 같이 한 웹 페이지 내에 독립적인 섹션이 많은 경우 적용하면 좋습니다.

또한 색션 내에서 블록을 건너뛰기 위한 다른 기술과 결합하여 사용할 수 있습니다.

 

 

예시

홈페이지 내의 모든 웹 페이지들은 시작에는 '주요 내용', '검색 필드', '주 메뉴로' 이동하는 3개의 링크가 제공 되고 있습니다.

 

 

자료

해당 기술이 지원되는 웹 페이지입니다. 탭키를 누르면 콘텐츠로 이동하는 링크가 나타납니다.

https://www.jimthatcher.com/skipnav.htm

Skip Navigation

 

 

관련기술

G1: 각 페이지 상단에 주요 콘텐츠 영역으로 직접 연결되는 링크 추가

G123: 반복되는 콘텐츠 블록의 시작 부분에 링크를 추가하여 블록 끝으로 이동

 

 

점검절차

1. 웹 페이지 내에서 각각이 콘텐츠로 이동하는 링크들이 제공되고 있는지 확인합니다.

2. 각 링크의 설명에는 어떤 콘텐츠의 섹션으로 이동되는지에 대한 정보를 제공하고 있는지 확인합니다.

3. 링크가 항상 표시되어 있거나 키보드 포커스가 되었을 때 표시되는지 확인합니다.

4. 링크를 활성화시키면 포커스(Focus)가 해당 콘텐츠의 섹션으로 맞춰지는지 확인합니다.

 

 

---

 

나의 정리

홈페이지 내부의 모든 웹 페이지들은 콘텐츠들이 섹션별로 배치되어있으며, 주로 '주 메뉴(nav)', '본문(main)', '꼬리말(footer)' 등으로 구성되어있습니다.

일반 사용자들의 경우 마우스를 이용하여 원하는 콘텐츠를 바로 찾아 볼 수 있지만, 장애가 있어 '스크린 리더' 같은 '보조 프로그램'을 사용하는 사용자들의 경우, 키보드를 이용하여 포커스를 이동(=키보드 포커스)하여 모든 요소들을 순차적으로 확인하며 내용을 확인합니다. 페이지를 이동할 때 마다 처음부터 모든 요소를 순차적으로 확인하게 됩니다.

만약 '주 메뉴'와 '검색 콘텐츠'를 거처 '본문'을 볼 수 있는 구조라면 웹 페이지에 접속 할 때 마다 '탭(Tab) 키'를 계속 누르면서 '주 메뉴'를 확인하고 다시 '검색 부분'을 확인하고 나서야 '본문'을 확인 할 수 있게 됩니다. 즉 '본문'을 보기 위해 불필요한 행동을 해야 만 합니다.

하지만 페이지의 제일 처음 부분에 [주 메뉴로 이동하기], [검색 이용하기], [본문으로 이동하기] 등과 같이 페이지 내에 있는 각각의 콘텐츠로 바로 이동할 수 있는 링크(=건너뛰기 =우회) 목록을 제공한다면, 키보드로 포커스를 이동하여 내용을 확인하는 사용자들에게는 불필요한 행동 없이 바로 본문이나 주 메뉴로 이동할 수 있게 됩니다.

 

이런 링크 목록은 상단에 항상 배치 할 수도 있지만 포커스 되었을 때만 보이게 할 수도 있습니다.

 

다양한 사용자들이 빠르게 원하는 콘텐츠에 접속 할 수 있도록 각각 콘텐츠로 이동하게 하는 링크 목록을 페이지 상단에 배치하면 좋겠습니다.

---

 

G124: Adding links at the top of the page to each area of the content

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G124.html

G124: Adding links at the top of the page to each area of the content | Techniques for WCAG 2.0