목차를 제공하면 순차적으로 모든 내용을 볼 수 있으며, 사이트 맵처럼 홈페이지의 구성을 파악하고 모든 페이지로 이동할 수 있게 됩니다.
기술설명
목차는 홈페이지의 주제(Section)와 그 하위 주제에 대한 링크를 제공하는 것입니다.
홈페이지는 일반적으로 계층적 구조로 되어있기 때문에 목차를 이용하면 순차적으로 볼 수 있습니다.
도서관에 있는 책들은 저마다 고유한 목차를 가지고 있습니다. 홈페이지 또한 각자의 고유한 목차를 가지고 있습니다.
목차의 가장 큰 목적은 다음과 같습니다.
- 목차를 통해 홈페이지의 구성과 내용을 쉽게 이해 할 수 있습니다.
- 목차를 통해 원하는 페이지로 직접 이동 할 수 있습니다.
목차는 주요 주제들만 다루기도 하지만, 구조가 복잡한 경우 확장된 목차를 제공하기도 합니다.
주요 주제들이 한 페이지에 모두 있을 수 있지만, 여러 페이지로 나누어 제공되기도 합니다.
목차는 이렇게 여러 페이지로 나누어진 경우에 특히 유용합니다.
목차(Table of Contents), 주 메뉴(Navigation bar), 사이트 맵(Site map)은 비슷한 것 같지만 차이가 있습니다.
목차(Table of Contents)는 주요 주제 안에 하위 주제로 이동하는 링크를 제공합니다.
이런 주요 주제는 한 페이지에 모두 있기도 하지만 여러 페이지로 나눠지기도 합니다.
도서관이 홈페이지라고 한다면 하나의 주제는 책과 같습니다.
예시
[예시1]
'웹 콘텐츠 접근성 지침 2.0' 문서가 있습니다. 여러 개의 주요 주제로 구성되어 있으며, 각 주제들은 하위 주제를 가지고 있습니다. 이런 계층적 구조를 목차로 만들어 포함시켰습니다.
목차는 이 문서의 구성과 내용을 이해할 수 있게 하며, 원하는 페이지로 직접 이동할 수 있게 합니다.
[예시2]
'스크린 리더 사용자를 위한 가이드'라는 PDF가 있습니다. 이 문서의 목차는 2쪽에서 제공하고 있습니다.
https://www.adobe.com/content/dam/acom/en/accessibility/pdfs/accessing-pdf-sr.pdf
관련기술
G125: 관련 웹 페이지로 이동할 수 있는 링크 제공
G126: 다른 모든 웹 페이지에 대한 링크 목록 제공
점검절차
1. 목차 또는 링크가 제공되는 목차가 있는지 확인합니다.
2. 목차에서 항목 번호가 문서의 구조와 동일한지 확인합니다.
3. 목차의 항목이 해당 페이지와 맞게 연결되어 있는지 확인합니다.
나의 정리
목차(Table of Contents), 네비게이션 바(Navigation bar), 사이트 맵(Site map).
위 3가지가 모두 같은 것이 아닐까라는 생각이 들 수 있습니다.
위 3가지 모두 홈페이지 내에서 계층적 구조를 따라 링크를 제공한다는 공통점이 있기 때문에 같다고 생각 할 수 있지만 보여 지는 방식 및 이용하는 방법에서 차이점을 가지고 있습니다.
먼저 네비게이션 바(Navigation bar)는 큰 주제(Section) 별로 메뉴를 나누어 각 주제의 하부 메뉴를 볼 수 있게 해줍니다.
각 페이지 마다 동일 한 위치에 배치하여 사용자가 원하는 페이지로 쉽게 이동할 수 있도록 도와주는 역할을 합니다.
즉 사용자가 쉽게 페이지를 이동할 수 있도록 도와주는 것이 목적입니다.
사이트 맵(Site map)은 홈페이지 내의 모든 페이지를 구조에 맞게 시각화 하여 제공하는 것을 말합니다.
설계도와 같다고 보시면 됩니다. 홈페이지 내의 모든 구성과 내용을 한 눈에 파악 하고 모든 페이지로 이동 할 수 있도록 해주는 것이 목적입니다.
그럼 목차(Table of Contents)는 무엇일까요? 사이트 맵(Site map)의 목적과 의미가 비슷하지만, 목차는 이런 구조를 위에서 아래로 순차적으로 표시합니다. 책의 목차처럼 제공되기 때문에 이 목차를 따라 페이지를 읽게 되면 순차 적으로 모든 페이지를 볼 수 있게 되는 것입니다.
예를 들어 보겠습니다.
네비게이션 바(Navigation bar)는 아래와 같은 형식으로 페이지의 상단이나 상단 좌측에 동일하게 배치됩니다.
| 회사소개 | 제품소개 | 오시는 길 | 문의 |
홈페이지의 구조를 이해하기 보다는 페이지 이동이 목적입니다.
사이트 맵(Site map)은 페이지에서 제공되며 아래와 같이 모든 페이지를 한눈에 볼 수 있습니다.
| 회사소개 | 제품소개 | 오시는 길 | 문의 |
| -소개 | -신제품 소개 | -오시는 길 | -문의 |
| -인사말 | -인기제품 소개 | ||
| -연혁 |
홈페이지의 구조를 이해하고 어떤 내용을 담고 있는지 알 수 있으며 홈페이지 내의 모든 페이지에 접근 할 수 있습니다.
목차(Table of Contents)는 아래와 같이 모든 페이지를 구조에 맞게 순차적으로 제공하는 것입니다.
| 1. 회사소개 1-1. 소개 1-2. 인사말 1-3. 연혁 2. 제품소개 2-1. 신제품 소개 2-2. 인기제품 소개 3. 오시는 길 4. 문의 |
홈페이지를 책을 읽는 것처럼 볼 수 있게 해주는 것입니다.
이렇게 목차를 제공하면 순차적으로 모든 내용을 볼 수 있으며, 사이트 맵처럼 홈페이지의 구성을 파악하고 모든 페이지로 이동할 수 있게 됩니다.
목차를 제공하게 되면 스크린리더를 사용하는 분들의 경우 마우스를 사용하지 않고도 홈페이지의 모든 페이지의 내용을 순차적으로 볼 수 있어 편할 것 같습니다.
G64: Providing a Table of Contents
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G64.html
G64: Providing a Table of Contents | Techniques for WCAG 2.0
This is one of a series of techniques for locating content that are sufficient for addressing Success Criterion 2.4.5. A table of contents provides links to sections and subsections of the same document. The information in the document is usually organized
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G68] 라이브 오디오 콘텐츠와 라이브 비디오 콘텐츠를 제공하는 경우 콘텐츠의 목적을 설명하는 짧은 대체 텍스트를 제공해야 한다. (0) | 2024.04.20 |
|---|---|
| [웹접근성 지침-일반기술 G65] '이동경로 추적(Breadcrumb trail)'을 제공해야 한다. (1) | 2024.04.19 |
| [웹접근성 지침-일반기술 G63] '사이트 맵'을 제공해야 한다. (0) | 2024.03.31 |
| [웹접근성 지침-일반기술 G62] 용어집을 제공해야 한다. (0) | 2024.03.30 |
| [웹접근성 지침-일반기술 G61] 페이지 마다 '반복되는 구성요소'가 있다면 '동일한 상대적 순서'에 따라 배치해야 한다. (0) | 2024.03.02 |
