모바일 앱 접근성 지침 · 5. 인식의 용이성 · 5.4 명료성
5.4.5 텍스트 크기 조정
텍스트는 별도의 보조기술 없이 200%까지 확대할 수 있어야 하며, 확대해도 내용이나 기능이 손실되지 않아야 합니다.
KS X 3253:2016
한눈에 보기
- 검사 항목
- 5.4.5 텍스트 크기 조정
- 원칙
- 5. 인식의 용이성
- 지침
- 5.4 명료성
- 도입
- KS X 3253:2016
요구 사항
텍스트는 별도의 보조기술 없이 최소 200%까지 확대할 수 있어야 하며, 200% 확대 시 내용이나 기능의 손실이 없어야 합니다. 플랫폼이 모든 텍스트를 200%까지 확대하지 못하는 경우에는 플랫폼의 사용자 설정이 지원하는 범위 안에서 지원합니다.
개정 내역: 강화 — 2016판 「8.1 폰트 관련 기능의 활용」
왜 필요한가요
저시력 시각장애인과 고령자가 운영체제의 글꼴 크기 설정으로 텍스트를 키워 정보를 쉽게 인식할 수 있습니다.
도움받는 사용자
- 저시력인
- 고령자
적용 방법
Android는 글자 크기에 sp 단위를, iOS는 Dynamic Type(텍스트 스타일)을 씁니다. 고정 높이 컨테이너는 텍스트가 잘리지 않도록 높이를 내용에 맞추고 여러 줄을 허용합니다.
<!-- 비권장: dp는 글꼴 크기 설정을 따르지 않음 -->
<TextView android:textSize="14dp" android:layout_height="20dp" android:maxLines="1" />
<!-- 권장 -->
<TextView android:textSize="14sp" android:layout_height="wrap_content" />label.font = UIFont.preferredFont(forTextStyle: .body)
label.adjustsFontForContentSizeCategory = true
label.numberOfLines = 0
// 사용자 정의 글꼴도 크기 조정 지원
label.font = UIFontMetrics(forTextStyle: .body).scaledFont(for: customFont)Text("주문 내역").font(.body) // Dynamic Type 자동 지원
Text("12,000원").font(.custom("Pretendard", size: 17, relativeTo: .body))// MediaQuery의 textScaler를 무시하지 않습니다.
// 비권장: MediaQuery(data: q.copyWith(textScaler: TextScaler.noScaling), child: app)
Text('주문 내역', style: Theme.of(context).textTheme.bodyLarge)// 비권장: allowFontScaling={false}
<Text style={{ fontSize: 16 }}>주문 내역</Text> {/* 기본값 allowFontScaling=true */}사례
글꼴 크기 설정 무시
<Text allowFontScaling={false}>배송지 변경</Text>확대 시 잘림
고정 높이 버튼 안 글자가 200%에서 "배송지 변…"으로 잘림자주 하는 실수
- 글자 크기를 dp·pt 고정값으로 지정해 시스템 글꼴 크기 설정이 반영되지 않습니다.
- 글꼴을 키우면 텍스트가 잘리거나 겹치고, 버튼이 화면 밖으로 밀려 누를 수 없습니다.
- 앱 전체에서 글꼴 크기 조정을 막습니다.
검사 방법
- Android 설정 → 디스플레이(또는 접근성) → 글꼴 크기를 최대로, iOS 설정 → 손쉬운 사용 → 디스플레이 및 텍스트 크기 → 더 큰 텍스트를 켜고 크기를 키웁니다.
- 주요 화면의 텍스트가 약 200%까지 커지는지, 잘림·겹침·기능 손실이 없는지 확인합니다.
- 플랫폼 최대치가 200%에 못 미치면 설정 가능한 최대 범위에서 확인합니다.