WCAG 2.2 · 2. 운용의 용이성 · 2.4 탐색 가능
2.4.6 제목과 레이블
Headings and Labels
제목과 레이블은 주제나 목적을 설명해야 합니다.
수준 AAWCAG 2.0
한눈에 보기
- 성공 기준
- 2.4.6 제목과 레이블
- 수준
- 수준 AA
- 원칙
- 2. 운용의 용이성
- 지침
- 2.4 탐색 가능
- 도입
- WCAG 2.0
요구 사항
제목(heading)과 레이블(label)이 있다면, 그 내용이 해당 영역의 주제나 입력의 목적을 설명해야 합니다. 이 기준은 제목·레이블을 제공하라는 요구가 아닙니다(제공 여부는 1.3.1, 3.3.2). 이미 있는 제목·레이블이 명확한지를 봅니다. 짧아도 되지만 의미가 분명해야 합니다.
왜 필요한가요
화면낭독기 사용자는 제목 목록으로 원하는 부분을 찾고, 모든 사용자는 제목을 훑어 페이지 구조를 파악합니다. 레이블이 모호하면 무엇을 입력해야 할지 알 수 없습니다.
도움받는 사용자
- 시각장애인(화면낭독기 사용자)
- 인지·학습 장애가 있는 사용자
- 저시력 사용자(화면 확대 사용자)
- 모든 사용자
적용 방법
- “내용 1”, “섹션” 같은 일반적인 제목 대신 “배송 정보”, “환불 규정”처럼 씁니다.
- 레이블은 “이름(한글)”, “생년월일(8자리)”처럼 입력할 내용을 알립니다.
- 같은 페이지의 제목이 서로 구별되게 씁니다.
자주 하는 실수
- 여러 영역의 제목이 모두 “더보기”나 “목록”입니다.
- 입력 필드의 레이블이 “입력”, “값”처럼 모호합니다.
검사 방법
- 제목 목록만 보고 각 영역의 내용을 짐작할 수 있는지 확인합니다.
- 레이블만 보고 입력할 내용을 알 수 있는지 확인합니다.