모바일 앱 접근성 지침 · 5. 인식의 용이성 · 5.4 명료성
5.4.8 텍스트 간격
사용자가 줄·문단·글자·단어 간격을 넓혀도 내용과 기능이 손실되지 않아야 합니다.
KS X 3253:2025신규
한눈에 보기
- 검사 항목
- 5.4.8 텍스트 간격
- 원칙
- 5. 인식의 용이성
- 지침
- 5.4 명료성
- 도입
- KS X 3253:2025
요구 사항
텍스트 콘텐츠는 사용자가 다음과 같이 설정하더라도 내용과 기능이 손실되지 않고 올바르게 표시되어야 합니다.
- 줄 간격: 글꼴 크기의 1.5배 이상
- 문단 간격: 글꼴 크기의 2배 이상
- 글자 간격: 글꼴 크기의 0.12배 이상
- 단어 간격: 글꼴 크기의 0.16배 이상
개정 내역: 2025년 개정에서 새로 추가된 검사 항목입니다.
왜 필요한가요
사용자가 편안한 간격으로 텍스트를 읽을 수 있어 가독성이 높아집니다. 저시력, 난독증, 인지장애가 있는 사용자가 간격을 조정해 쉽게 읽을 수 있습니다.
도움받는 사용자
- 저시력인
- 난독증 등 읽기 장애인
- 인지장애인
적용 방법
텍스트 컨테이너 높이를 고정하지 않고 내용에 맞춰 늘어나게 합니다. 앱이 간격 조절 기능을 제공하거나 웹뷰 콘텐츠라면 위 수치로 간격을 늘려도 잘리지 않아야 합니다.
<TextView
android:layout_height="wrap_content"
android:lineSpacingMultiplier="1.5"
android:letterSpacing="0.12" /> <!-- letterSpacing 단위는 em -->let style = NSMutableParagraphStyle()
style.lineHeightMultiple = 1.5
style.paragraphSpacing = font.pointSize * 2
label.attributedText = NSAttributedString(string: text, attributes: [
.paragraphStyle: style, .kern: font.pointSize * 0.12, .font: font])
label.numberOfLines = 0사례
고정 높이 말줄임
카드 설명 높이 40dp + maxLines=2 → 간격을 늘리면 문장 뒷부분이 사라짐자주 하는 실수
- 텍스트 영역 높이를 고정해 간격을 늘리면 글자가 잘리거나 겹칩니다.
- 줄 수를 제한하고 전체 내용을 볼 수 있는 다른 방법을 제공하지 않습니다.
검사 방법
- 앱의 간격 조정 기능, 또는 테스트 빌드에서 위 4가지 간격 값을 적용해 주요 텍스트 화면을 확인합니다.
- 웹뷰 콘텐츠는 텍스트 간격 북마클릿 등으로 CSS를 적용해 확인합니다.
- 잘림, 겹침, 기능 손실이 없는지 확인합니다.