ARIA 접근성 가이드

모바일 앱 접근성 지침 · 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년 개정에서 새로 추가된 검사 항목입니다.

왜 필요한가요

사용자가 편안한 간격으로 텍스트를 읽을 수 있어 가독성이 높아집니다. 저시력, 난독증, 인지장애가 있는 사용자가 간격을 조정해 쉽게 읽을 수 있습니다.

도움받는 사용자

  • 저시력인
  • 난독증 등 읽기 장애인
  • 인지장애인

적용 방법

텍스트 컨테이너 높이를 고정하지 않고 내용에 맞춰 늘어나게 합니다. 앱이 간격 조절 기능을 제공하거나 웹뷰 콘텐츠라면 위 수치로 간격을 늘려도 잘리지 않아야 합니다.

Android (레이아웃 XML)
<TextView
    android:layout_height="wrap_content"
    android:lineSpacingMultiplier="1.5"
    android:letterSpacing="0.12" />  <!-- letterSpacing 단위는 em -->
iOS (Swift · UIKit)
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를 적용해 확인합니다.
  • 잘림, 겹침, 기능 손실이 없는지 확인합니다.

다른 지침의 대응 항목