[웹접근성 지침-일반기술 G88] 제목(Title)에 웹 페이지 내용에 대한 설명이 포함되어 제공되어야 합니다.

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

---

<title>태그는 웹페이지의 위치와 내용을 식별 할 수 있도록 내용을 구성되어야 합니다.

---

기술설명

이 기술의 목적은 웹 페이지의 제목(Title)에 웹 페이지 내용에 대한 설명이 포함되어야 한다는 것입니다.
제목(Title)에 웹 페이지에 대한 설명이 포함시키면 사용자가 콘텐츠를 찾거나, 콘텐츠 안에서 방향을 찾을 때, 탐색 할 때 도움이 되기 때문입니다.
이 기술을 사용하면 사용자는 내가 사용 중인 웹 페이지를 쉽게 식별할 수 있고 수정된 시기를 알 수 있습니다.
그리고 사용자가 페이지 내용을 모두 읽지 않아도 웹페이지를 쉽게 식별 할 수 있습니다.
'사이트 맵'이나 '검색 결과 목록'에'‘페이지 내용이 설명된 제목 (Title)'이 제공되면 사용자는 원하는 콘텐츠를 더욱 빠르게 찾을 수 있습니다.

각 웹 페이지에 '제목(Title)'은 다음과 같이 작성되어야 합니다.
- 웹 페이지의 주제를 식별합니다.
- 예를 들어 '스크린 리더'를 통해 '사이트 맵' 이나 '검색 결과 목록'등, 문맥에서 벗어나 읽을 때 의미가 있습니다.
- 짧게 작성되어야 합니다.
- 제목을 정할 때 도움이 될 것입니다.
- 웹 페이지가 속한 사이트나 기타 리소스를 식별할 수 있습니다.
- 웹 페이지가 속한 사이트나 기타 리소스 내에서 제목의 내용이 중복되어서는 안 됩니다.

 

 

예시

[예시1] 중요한 정보를 먼저 나열하는 제목(Title)
웹 페이지는 대규모 조직 안에서 그룹에 대한 내용입니다.
먼저 주제를 식별하고 그다음에 그룹의 이름과 상위 조직의 이름을 표시합니다.

<title>우리와 함께 일하는 : 소규모 그룹 : 대 규모 조직</title>

 

[예시2] 설명이 있는 제목이 있는 동기화된 미디어 프리젠테이션
2004년 남아시아 쓰나미에 대한 미디어 프리젠테이션의 제목은 '2004년 쓰나미'입니다.

 

[예시3] 세부분으로 구성된 웹페이지의 제목
웹 페이지는 자막의 생성에 대한 지침과 제안 사항에 대한 내용입니다.
이 페이지는 큰 주제에서 내에 있는 하위 사이트입니다.
제목에는 대시(-)로 세 부분을 구분합니다.
첫 번째 부분은 조직을 식별하기 위한 것이고, 두 번째는 웹페이지가 있는 하위 사이트를 식별합니다.
마지막 세 번째 부분에서는 웹페이지 자체를 식별합니다. 

<title>WGBH – Media Access Group – Captioning FAQ.</title>

[예시4] 신문사 웹페이지
최신 내용 보기의 웹사이트 제목은 '전국 뉴스 첫　페이지'입니다.
다양한 날짜의 판 을 볼 수 있도록 한 웹사이트의 제목은 '전국 뉴스, 첫 페이지, 2005년 8월 18일'입니다.

 

 

점검절차

1. 웹페이지의 제목(<title>)을 확인합니다.

2. 제목에 웹페이지와 관련된 내용이 있는지 확인합니다.

3. 제목을 사용하는 웹페이지를 식별 할 수 있는지 확인합니다.

 

 

---

 

나의 정리

웹 페이지에서 <title>태그에는 단순히 제목만 넣는 것이 아닙니다.

해당 웹페이지에 대한 간단한 설명과 홈페이지내에서의 현재 위치(Breadcrumbs)또한 넣어주어야 합니다.
<title>에 이런 정보를 제공하게 되면, 사용자는 이 웹페이지가 홈페이지 내에서 어디에 위치해 있지 알 수 있고, 웹페이지 검색 시 큰 도움을 받게 됩니다. 그리고 본문을 읽지 않아도 <title>만 보고도 무슨 내용인지 예측할 수 있습니다.  

 

<title>조립 홈페이지 : 회사 소개</title>

<title>조립 신문 : 웹 기술의 필요성 : 2024년 6월 25일자 </title>

<title>조립 홈페이지 : 홍보 : 조립 CF 영상</title>

 

위의 예시 처럼  <title>태그는 웹페이지의 위치와 내용을 식별 할 수 있도록 내용을 구성되어야 합니다.

 

 

---

G88: Providing descriptive titles for Web pages

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

G88: Providing descriptive titles for Web pages | Techniques for WCAG 2.0