모바일 앱 접근성 지침 · 6. 운용의 용이성 · 6.4 쉬운 내비게이션
6.4.1 제목
화면과 콘텐츠 블록에는 내용을 대표하는 간단명료한 제목을 제공해야 합니다.
KS X 3253:2025신규
한눈에 보기
- 검사 항목
- 6.4.1 제목
- 원칙
- 6. 운용의 용이성
- 지침
- 6.4 쉬운 내비게이션
- 도입
- KS X 3253:2025
요구 사항
콘텐츠 블록의 제목은 사용자가 앱을 운용하기 쉽게 도와줍니다. 제목은 내용에 맞게 간단명료해야 하며, 콘텐츠 블록을 유추할 수 있어야 합니다.
- 콘텐츠 블록 제목 구성 — 콘텐츠 블록에 적절한 제목(heading)을 제공하면 제목과 본문을 구분할 수 있고, 제목으로 블록 사이를 이동할 수 있습니다. 본문이 없는 콘텐츠 블록에는 제목을 붙이지 않습니다.
개정 내역: 2025년 개정에서 새로 추가된 검사 항목입니다.
표준 대응표는 이 항목을 WCAG 2.4.6(제목과 레이블)과 1.3.1(정보와 관계)에 대응시킵니다. 화면마다 화면 제목(내비게이션 바 제목, Activity 제목)을 주는 것도 함께 지키는 것이 좋습니다.
왜 필요한가요
콘텐츠 블록에 제목이 있으면 시각장애인, 지적장애인, 중증 지체장애인이 제목 단위로 빠르게 이동하며 원하는 내용을 찾을 수 있습니다. TalkBack의 「제목」 탐색, VoiceOver 로터의 「머리말」 탐색이 이 정보를 씁니다.
도움받는 사용자
- 화면낭독기 사용자
- 지적장애인
- 중증 지체장애인(스위치 사용자)
적용 방법
섹션 제목 텍스트에 제목(heading) 속성을 지정하고, 화면 제목을 설정합니다(랜드마크와 제목 참고).
ViewCompat.setAccessibilityHeading(sectionTitle, true) // TalkBack: "추천 상품, 제목"
activity.title = "주문 내역" // 화면 제목
ViewCompat.setAccessibilityPaneTitle(bottomSheet, "배송지 선택")<TextView android:text="추천 상품" android:accessibilityHeading="true" />Text("추천 상품", Modifier.semantics { heading() })sectionTitle.accessibilityTraits.insert(.header) // VoiceOver: "추천 상품, 머리말"
navigationItem.title = "주문 내역"Text("추천 상품").font(.headline).accessibilityAddTraits(.isHeader)
.navigationTitle("주문 내역")Semantics(header: true, child: Text('추천 상품', style: textTheme.titleMedium))<Text accessibilityRole="header">추천 상품</Text>사례
시각적으로만 굵은 제목
<TextView android:text="추천 상품" android:textStyle="bold" />
// TalkBack 제목 탐색에서 찾을 수 없음제목 속성 지정
<TextView android:text="추천 상품" android:accessibilityHeading="true" />자주 하는 실수
- 섹션 제목을 굵은 글자로만 표현하고 제목 속성을 주지 않습니다.
- 본문이 없는 영역이나 모든 텍스트에 제목 속성을 남발합니다.
- 화면 제목이 없거나 모든 화면이 앱 이름으로만 읽힙니다.
검사 방법
- TalkBack 읽기 컨트롤을 「제목」으로, VoiceOver 로터를 「머리말」로 설정하고 위·아래 쓸기로 제목 사이를 이동해 봅니다.
- 각 콘텐츠 블록의 제목이 내용을 대표하는지, 화면 진입 시 화면 제목이 낭독되는지 확인합니다.