본문 바로가기

웹접근성지침(WCAG2.0)

[웹접근성 지침-일반기술 G185] 홈페이지에서 사이트의 모든 페이지가 연결되어야 한다.

728x90

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


'홈페이지'에 모든 '서브 페이지'로 이동 할 수 있는 '네비게이션 바(navigation bar)'를 제공해야 합니다. 

그래야 사용자가 원하는 페이지로 쉽게 이동할 수 있습니다.


기술설명

이 기술의 목적은 홈페이지에서 모든 웹 페이지와 연결되는 링크를 제공하여 사용자가 모든 정보를 찾을 수 있게 하는 것입니다.

사이트 내의 페이지 수가 적다면, 홈페이지에 '사이트 맵'을 제공하면 좋습니다.

웹 사이트의 다른 페이지에는 홈페이지로 연결되는 링크가 포함되어야 합니다.

이 기능은 홈페이지에서 두가지 역할을 하게 됩니다.

일반적인 네비게이션 기능, 그리고 사이트 맵이 됩니다.

 

사이트의 모든 웹 페이지에는 다른 모든 페이지로 연결되는 링크가 있어야 하며, 이런 링크의 집합은 성공기준을 충족합니다.

 

 

예시

컨설턴트하는 소규모 상업용 사이트가 있습니다.

사이트에는 연락처 정보가 담긴 페이지, 컨선턴트의 배경을 설명하는 페이지, 컨설턴트 업무사례를 제공하는 페이지로 구성되어있습니다. 각 페이지에서 다른 모든 페이지로 연결되는 '네비게이션 바(navigation bar)'가 있습니다.

 

 

관련기술

G61: 반복되는 구성요소를 매번 나타날 때마다 동일한 상대적 순서로 제시

G63: 사이트맵 제공

G64: 목차 제공

G125: 관련 웹 페이지로 이동하기 위한 링크 제공

G126: 다른 모든 웹 페이지에 대한 링크 목록 제공

 

 

점검절차

1. 홈페이지에서 해당 사이트의 서브 페이지와 연결되는 링크가 있는지 확인합니다.

2. 각 서브 페이지는 홈페이지로 연결되는 링크가 있는지 확인합니다.

 

 


 

나의 정리

사이트 접속 시 가장 먼저 나오는 웹 페이지를 '홈페이지'라고 합니다. 그리고 사이트 내에 있는 웹 페이지들을 '서브 페이지'라고 합니다.  사이트는 '홈페이지'와 '서브 페이지'로 구성되어 있으며 '트리 구조'로 되어있습니다.

예를 들어 'A회사' 사이트가 있습니다. 'A회사' 사이트는 사이트 접근 시 '환영합니다.'라고 나오는 페이지가 있습니다.

이 페이지가 '홈페이지'입니다. 그리고 '회사소개', '제품소개', '연락처' 웹 페이지들이 있습니다. 이 페이지 들이 '서브 페이지'입니다.

'홈페이지'지를 통해 각각 '서브 페이지'로 이동하기 때문에 이것을 '트리 구조(Tree)'라고 할 수 있습니다.

 

홈페이지에서 각각의 서브 페이지로 이동하게 하기 위해서는 홈페이지에서 각각의 서브 페이지로 이동하게 하는 링크들이 제공되어야 합니다. 그리고 각각의 서브페이지는 홈페이지로 이동할 수 있는 링크를 제공해야 합니다.

이런 링크 구성을 다른 말로 '네비게이션 바(navigation bar)'라고 합니다.

 

'네비게이션 바'를 이용하서 사용자는 사이트내에 원하는 페이지로 쉽게 이동할 수 있게 됩니다.

사이트에서 서브 페이지의 수가 적고 단순한 구성으로 되어 있다면 '네비게이션 바'는  '사이트 맵(Site Map)'이기도 합니다.
 즉 '네비게이션 바'로 모든 서브 페이지에 접근 가능하다면 이는 '사이트 맵'과 동일한 것입니다.


 

G185: Linking to all of the pages on the site from the home page

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

 

G185: Linking to all of the pages on the site from the home page | Techniques for WCAG 2.0

The objective of this technique is to make it possible for users to locate all the information in a small Web site by providing links to all Web pages from the home page. When the number of pages in the site is small enough, the home page can contain site

www.w3.org

 

728x90