제목 제공

무엇을 요구하나요?

세 가지 제목을 알맞게 제공해야 합니다.

무엇	왜 필요한가
페이지 제목 (<title>)	브라우저 탭과 화면 낭독기가 페이지에 들어올 때 가장 먼저 읽습니다
프레임 제목 (<iframe title>)	프레임 안이 무엇인지 들어가기 전에 알 수 있습니다
콘텐츠 제목 (<h1>~<h6>)	화면 낭독기 사용자는 제목만 골라 들으며 원하는 내용으로 이동합니다

자주 틀리는 예

1. 모든 페이지의 title이 같음

<title>한빛상사</title>

<title>회원가입 - 한빛상사</title>

고유한 내용을 앞에, 사이트 이름을 뒤에 두면 탭이 여러 개일 때도 구분하기 쉽습니다. 단계가 있는 화면은 회원가입(2/3단계: 정보 입력) - 한빛상사처럼 단계도 알려주세요. 검색 결과 화면은 검색어를 넣으면 좋습니다.

2. iframe에 title이 없음

<iframe src="https://map.example.com/…"></iframe>

<iframe src="https://map.example.com/…" title="본사 오시는 길 지도"></iframe>

지침은 웹 페이지의 모든 프레임에 제목을 제공하도록 합니다. 광고·추적용처럼 내용이 없는 iframe도 빼놓지 말고 title="광고", title="내용 없음"처럼 용도를 알 수 있는 제목을 주세요. 제목에는 불필요한 특수 기호를 반복해서 쓰지 않습니다.

3. 제목 단계를 건너뜀, 제목이 아닌 것을 제목으로 씀

<h1>회사 소개</h1>
<h3>연혁</h3>           <!-- h2를 건너뜀 -->
<h4>Copyright 2026</h4> <!-- 제목이 아닌데 크기 때문에 씀 -->

<h1>회사 소개</h1>
<h2>연혁</h2>
<p class="copyright">Copyright 2026</p>

반대로 제목인데 div에 굵은 글씨로만 만든 경우도 고쳐야 합니다.

확인하는 방법

1. 확장 프로그램 페이지 검사는 title 없음, iframe title 없음, 제목 단계 건너뜀, 빈 제목을 찾아줍니다.
2. 북마클릿의 “제목 구조” 보기로 실제 페이지의 h1~h6를 들여쓰기 목록으로 볼 수 있습니다.
3. 제목 목록만 읽어도 페이지 내용을 짐작할 수 있는지, title이 페이지마다 다른지는 직접 확인하세요.