2.4.2 페이지 제목

요구 사항

각 웹 페이지에 주제나 목적을 설명하는 제목이 있어야 합니다. 같은 사이트의 페이지끼리 구별되도록, 페이지별 고유 정보를 앞에 쓰는 것이 좋습니다(예: “회원 가입 - 한빛쇼핑”). 단일 페이지 앱(SPA)은 화면이 바뀔 때마다 document.title을 갱신합니다.

왜 필요한가요

화면낭독기는 페이지를 열면 제목을 가장 먼저 읽고, 탭·창 목록에서도 제목으로 페이지를 구별합니다. 인지장애가 있는 사용자도 제목으로 현재 페이지를 확인합니다.

도움받는 사용자

• 시각장애인(화면낭독기 사용자)
• 인지·학습 장애가 있는 사용자
• 저시력 사용자(화면 확대 사용자)
• 여러 탭을 오가는 모든 사용자

적용 방법

<title>장바구니 (3) - 한빛쇼핑</title>

// SPA에서 화면 전환 시
document.title = '주문 완료 - 한빛쇼핑';

폼 오류가 있으면 “오류 2건 - 회원 가입 - 한빛쇼핑”처럼 제목에 반영하는 방법도 있습니다.

자주 하는 실수

• 모든 페이지의 제목이 사이트 이름 하나로 같습니다.
• “제목 없음”, “Untitled”, 파일 이름이 제목입니다.
• SPA에서 화면이 바뀌어도 제목이 그대로입니다.

검사 방법

• 브라우저 탭에 표시되는 제목이 페이지 내용을 설명하는지 확인합니다.
• 다른 페이지와 제목이 구별되는지 확인합니다.

다른 지침의 대응 항목

참고 자료

• WCAG 2.2 원문: 2.4.2 (새 창)