HIG Reading Series | Foundations - Accessibility(5)

최승용·2022년 7월 7일
1

HIG Reading Series

목록 보기
6/46
post-thumbnail

Content

오늘은 Text display에 대해 읽어보도록 하자.(2)

Text display

  • 큰 글꼴 크기에 맞춰 레이아웃을 조절하기를 고려하세요.
  • 글꼴 크기가 커지면, 한 줄 항목과 컨테이너 경계에 텍스트가 몰려서 가독성을 떨어트릴 수 있습니다.
  • 예를 들어, 글리프 또는 타임스탬프와 같은 보조 항목들을 텍스트와 한 줄에 배치한다면 텍스트의 수평 공간은 줄어듭니다.
  • 큰 글꼴 크기에서, 한 줄 레이아웃은 텍스트가 잘리게 할 수 있고 또는 텍스트와 보조 항목들이 겹치는 결과를 야기할 수 있습니다.
  • 이 경우에, 텍스트가 보조 항목들의 위에 나타나는 스택 레이아웃을 사용하기를 고려하세요.
  • 유사하게, 텍스트의 많은 열은 각 열이 수평 공간을 제한하기 때문에 큰 글꼴 크기에서 가독성을 떨어트릴 수 있습니다.
  • 이런 경우에는, 텍스트가 잘리는 것을 피하고 전반적인 가독성을 향상시키기 위해 글꼴 크기가 증가할 때 열 개수를 줄이는 것을 고려하세요.
  • 개발자 가이드 isAccessibilityCategory를 참고하세요

  • 작은 글꼴 크기에서, 메일은 날짜와 송신인의 이름을 한 줄에 보여줍니다.
  • 큰 글꼴 크기에서, 메일은 날짜를 수신인의 이름 아래에 보여줍니다.

  • 글꼴 크기가 증가함에 따라서 의미있는 인터페이스 아이콘의 크기도 증가시키세요.
  • 만약 중요한 정보를 전달하기 위해 인터페이스 아이콘을 사용한다면, 더 큰 글꼴 크기에서 똑같이 쉽게 볼 수 있도록 확실히 하세요.
  • SF Symbols를 사용한다면, Dynamic Type 크기 변화에 자동으로 크기가 맞춰지는 아이콘을 사용할 수 있습니다.

  • 현재 글꼴 크기와 상관 없이 일관된 정보 계층을 유지하세요.
  • 예를 들어, 글꼴 크기가 아주 클 때 조차도 화면의 제일 위에 기본 요소들을 유지시키세요, 그래야 사용자들이 이 요소들을 추적하지 않습니다.

Summary

큰 글꼴 크기에서 텍스트가 잘리거나, 가독성이 떨어지거나, 의미 전달에 어려움을 겪지 않게 하라. 스택 레이아웃이나 SF Symbols를 사용할 수도 있고, 레이아웃의 배치나 정보 중요도, 계층 등을 고려해야한다.

Review

화면에 크기에 맞춰 반응형으로 레이아웃의 비율이나 이미지의 크기를 조절하는 개발은 고려를 해본 적이 있지만, 그 안에서 글꼴 크기에 따라서 레이아웃의 배치를 바꾸는 것은 미처 고려하지 못했었다. 시력이 좋지 않아 글꼴 크기를 키워서 사용하시는 분들의 화면을 보면 답답하다는 느낌을 받은 적이 있는데 오늘 읽은 내용을 개발에서 고려한다면 그런 답답한 느낌을 줄이고 모든 사용자에게 높은 수준의 경험을 전달할 수 있는 좋은 앱을 만들 수 있을 것 같다.


  • 번역은 개인적인 능력에 추가로 papago의 도움을 받았다.
    의미가 틀린다거나하는 중대한 문제에 대한 지적은 감사히 받고 수정하겠지만 (영어 공부가 목적이 아니기 때문에) 약간의 실수는 넘어가주길 바란다.
profile
안녕하세요. 최승용입니다.

0개의 댓글