사이트맵을 통해 사용자는 원하는 페이지에 쉽게 접근할 수 있습니다.
기술설명
사이트는 여러 주제를 기준으로 내용들이 나뉘어져 있으며 각각의 페이지로 구성되어 있습니다.
사이트 맵은 각각 주제별로 나누어진 페이지에 대한 링크를 제공하는 웹 페이지를 말합니다.
사이트 맵에서는 해당 사이트 내의 모든 페이지에 대한 링크가 제공되어야 합니다.
사이트 맵의 주된 용도는 다음과 같습니다.
사이트 맵은 사이트 전체에 대한 간추린 주요내용과 같습니다.
- 사이트 맵으로 사용자들은 사이트의 콘텐츠와 구성 방식을 이해 할 수 있습니다.
- 사이트 구성이 복잡해도 사이트 맵을 이용하면 원하는 페이지에 쉽게 접근할 수 있습니다.
사이트 맵에는 다양한 유형이 있습니다.
가장 간단하고 일반적인 유형은 각각의 주제 아래 있는 하위 페이지에 대한 링크를 표시하는 방식입니다.
이렇게 하면 페이지간의 관계와 링크를 간결하게 표현할 수 있습니다.
규모가 큰 사이트의 경우 사이트 맵에서 각 주제에 대한 세부정보를 추가하여 제목으로 사용하기도 합니다.
사이트 맵은 이렇게 사이트의 콘텐츠와 구성 방식을 설명하는 역할을 합니다.
사이트의 콘텐츠와 구성이 변경되면 사이트 맵도 거기에 맞게 수정되어야 합니다.
아래의 예시 중 하나라도 해당된다면 올바른 사이트 맵이 아닙니다.
- 사이트의 모든 주제가 해당 페이지로 연결되지 않는다.
- 사이트의 구성과 사이트 맵의 구성이 다르다.
- 해당 페이지의 링크가 올바르지 않다.
예시
[예시1] WAI(Web Accessibility Initiative) 웹 사이트에서는 주제별로 나누어진 사이트 맵(https://www.w3.org/WAI/sitemap/)을 제공하고 있습니다.
이 사이트 맵에서는 각 주제별로 해당 하위 페이지를 표시 하고 있습니다.
[예시2] 온라인 잡지 사이트의 사이트 맵은 각 주제별로 해당 하위 페이지를 나열하여 보여주고 있습니다.
거기에 도움말, 연락 방법, 개인정보 보호 정책, 고용 정보, 구독 방법, 잡지 홈페이지에 대한 링크도 같이 제공 하고 있습니다.
관련기술
G125: 관련 웹 페이지로 이동할 수 있는 링크 제공
G126: 다른 모든 웹 페이지에 대한 링크 목록 제공
점검절차
1. 사이트에 사이트 맵이 제공되는지 확인합니다.
2. 사이트 맵에서 각각의 주제가 해당 페이지로 이동하는지 확인합니다.
3. 사이트 맵에서 제공되는 모든 링크가 올바르게 연결되는지 확인합니다.
4. 사이트 맵의 구성과 사이트의 실제 구성이 동일한지 확인합니다.
위 4가지를 모두 확인해야 합니다.
나의 정리
사이트 맵은 해당 사이트의 모든 페이지에 대한 링크를 정리한 페이지입니다.
각 페이지에 대한 링크를 사이트 구성과 동일하게 구성하여 페이지의 제목과 함께 제공하면, 사용자는 사이트 맵을 보고 이 사이트의 내용은 무엇인지 어떻게 구성되어 있는지를 쉽게 파악할 수 있습니다.
그리고 복잡하게 구성된 사이트라고 해도 사이트 맵을 통해 쉽게 원하는 페이지를 찾을 수 있습니다.
이런 유용한 사이트 맵을 만들기 위해서는 대부분 트리(Tree)방식으로 사이트 맵을 표시합니다.
큰 주제 들을 기준으로 각 주제에 해당하는 하위 내용의 페이지들을 그 밑으로 배치하는 것입니다.예를 들어 ’A회사’라는 홈페이지의 사이트 맵의 경우, ‘회사소개 / 제품소개 / 고객문의’라는 큰 주제를 가지고 있습니다.
‘회사소개’에는 ‘소개’, ‘연혁’, ‘오시는 길’ 페이지가 하위에 있습니다.
‘제품소개’에는 ‘신제품 소개’, ‘인기 제품’ 페이지가 하위에 있습니다.
‘고객문의’에는 ‘고객문의’ 페이지가 하위에 있습니다.
| 홈 | ||
| 회사소개 | 제품소개 | 고객문의 |
| -소개 | -신제품 소개 | -고객문의 |
| -연혁 | -인기 제품 | |
| -오시는길 | ||
트리(Tree)방식으로 사이트 맵을 제공하면 사용자는 사이트를 이해하고 편하게 이용할 수 있습니다.
그러므로 사이트 맵을 제공해야 합니다.
그리고 사이트 맵을 제공할 때 유의점이 있습니다.
사이트 맵의 구성은 사이트의 구성과 동일해야 한다는 것입니다.
사이트 개편으로 인해 주제 및 페이지가 바뀌거나 삭제되는 경우가 있습니다. 그런 변경 된 구성이 사이트 맵에도 동일하게 적용되어야 합니다.
동일한 구성을 제공 하지 않는 다면 사용자는 큰 혼란을 겪게 될 것입니다.
G63: Providing a site map
원본:https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G63.html
G63: Providing a site map | Techniques for WCAG 2.0
The site map for an on-line magazine lists all the sections of the magazine and the subsections in each section. It also include links for Help, How to Contact Us, Privacy Policy, Employment Opportunities, How to Subscribe, and the home page for the magazi
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G65] '이동경로 추적(Breadcrumb trail)'을 제공해야 한다. (1) | 2024.04.19 |
|---|---|
| [웹접근성 지침-일반기술 G64] '목차'를 제공해야 한다. (0) | 2024.04.09 |
| [웹접근성 지침-일반기술 G62] 용어집을 제공해야 한다. (0) | 2024.03.30 |
| [웹접근성 지침-일반기술 G61] 페이지 마다 '반복되는 구성요소'가 있다면 '동일한 상대적 순서'에 따라 배치해야 한다. (0) | 2024.03.02 |
| [웹접근성 지침-일반기술 G60] 사운드는 3초 이내에 정지되어야 한다. (0) | 2024.02.25 |
