App Store Connect 도움말

지원 / App Store Connect / 앱 손쉬운 사용 관리 / 충분한 대비 평가 기준

앱 손쉬운 사용 관리

충분한 대비의 평가 기준

iOS macOS tvOS visionOS watchOS

설명

“충분한 대비”는 장애로 인해 시각이 손상된 사용자 또는 밝은 직사광선을 볼 때와 같은 상황에서 불편함을 호소하는 사용자에게 도움이 됩니다. 사용자는 텍스트 또는 아이콘과 배경 간의 대비를 높이거나 조정하여 가독성을 향상할 수 있습니다.

목표

모든 사람은 신체적 상태와 무관하게 앱을 원활하게 사용할 수 있어야 합니다. “충분한 대비” 기능의 목표는 시력, 선명도, 및/또는 대비를 식별하는 능력이 저하된 사용자를 지원하는 것입니다.

다음 섹션은 앱이 “충분한 대비”를 제대로 지원하는지 확인하는 방법에 대해 자세히 설명합니다. 몸이 불편한 사용자가 앱의 모든 일반적인 작업을 원활하게 활용할 수 있도록 하는 것이 목표이므로, 이 평가를 완료하면 앱이 App Store에서 충분한 대비를 표시할지 여부를 결정하는 데 도움이 됩니다.

테스트 시작하기

각 기기의 손쉬운 사용 설정에는 사용자의 수요에 따라 대비를 사용자화할 수 있는 여러 가지 기능이 포함되어 있습니다. 더 높은 대비가 필요한 대부분의 사용자는 볼드 텍스트, 대비 증가투명도 줄이기 설정을 활성화하여 대비를 높일 수 있습니다. 시스템에 내장된 설정을 사용하는 것은 필수가 아니지만, 이를 활성화한 상태에서 테스트를 진행하면 사용자가 필요로 하는 최소한의 대비를 알아보는 데 도움이 될 수 있습니다. 자체적인 앱 내 설정을 제공하는 경우, 시스템 전체 설정과 비슷한 기능을 지원하거나 더욱 세분화된 사용자 인터페이스 사용자화 기능을 제공해야 합니다.

충분한 대비를 테스트하기 전에 다음의 세 가지 설정을 모두 활성화하십시오. 앱이 지원하는 각 기기에서 해당 설정을 활성화하는 방법에 대한 자세한 내용은 아래 내용을 검토하십시오.

Xcode의 Accessibility Inspector 또는 기타 대비 검사 도구를 사용하여 앱 요소의 대비 비율을 확인할 수 있습니다. 접근성과 관련된 대부분의 최신 가이드라인은 W3C(World Wide Web Consortium)의 웹 콘텐츠 접근성 가이드라인에서 제공한 공식에 기반하여 “전경의 텍스트와 배경 사이의 최소 대비 비율을 4.5:1로 설정”할 것을 권장합니다.

귀하의 앱이 다크 모드를 지원하는 경우, 라이트 모드와 다크 모드의 최소 대비를 모두 확인해야 합니다. 자주 발생하는 실수는 밝은 모드 인터페이스에서는 충분한 대비를 지원하지만, 다크 모드 인터페이스에서는 지원하지 않는 것입니다. 다크 모드 읽기에 검은색 바탕에 회색을 사용하면 저조도 상황에서 정상 시력으로 보는 사용자의 눈이 겪게 되는 부담을 줄일 수 있지만, 이와 같은 방식으로 대비를 줄이면 시력이 약하거나 빛에 민감한 사용자는 읽기 힘들 수 있습니다. 따라서, 대비 설정의 대비 증가와 다크 모드 색상을 결합하여 앱을 테스트하는 것이 권장됩니다.

대비 뿐만 아니라, 배경 요소의 반투명(투명도/흐림), 조작 관련 항목과 콘텐츠도 고려해야 합니다. 텍스트, 아이콘과 기타 콘텐츠, 조작 관련 항목과 같은 요소까지 가독성 관점에서 확인하십시오. “대비 증가”와 “투명도 줄이기” 세팅을 모두 켜고 끈 상태에서 각각 확인을 진행해야 합니다.

상호 작용이 일어나는 조작 관련 부분과 항목 선택(예를 들어, 메뉴 항목 선택 시 대비가 바뀜)과 같이 텍스트가 아닌 상태를 표시하는 부분에 대비가 충분한지 확인해야 합니다. 예를 들어, 사용자화 체크박스를 제작하는 경우, 체크했을 때와 체크를 취소했을 때 대비가 충분한지 확인하십시오. 일반적으로 텍스트가 아닌 부분의 최소 대비는 3:1 비율로 설정하는 것이 권장됩니다.

충분한 대비를 테스트하는 데 익숙하지 않은 경우, 기본 요구사항보다 더욱 상세하게 테스트를 진행하십시오. UI에서 주변 색상의 대비가 최소 허용 수준을 충족하는지 확인하려면 “휴먼 인터페이스 가이드라인”의 색상 대비 최소 기준을 충족하도록 노력하십시오 섹션을 통해 인접한 UI에 표시되는 색상의 대비가 최소 수준을 충족하는지 알아보십시오.

사용하기 불편한 버튼의 예시: 파란색 배경에 연한 파란색 텍스트를 조합하여 색상 대비가 충분하지 않은 모습을 보여주는 이미지입니다.
색상 대비가 충분하지 않은 버튼.
사용하기 편리한 버튼의 예시: 파란색 배경에 흰색 텍스트 조합으로 충분한 색상 대비를 가지고 있어 가독성이 좋은 모습을 보여주는 이미지입니다.
색상 대비가 충분한 버튼.
 라이트 모드와 다크 모드에서 거의 동일하게 나타나는 systemRed 색상의 일러스트레이션을 보여주는 이미지입니다. 배경 간의 색상 대비 조정이 부족한 경우, 각종 디스플레이 모드를 사용할 때 사용자의 시인성에 문제가 될 수 있는 가능성을 시사합니다.
iOS의 “systemRed” 기본 색상.
라이트 모드와 다크 모드에서 대비를 증가한 systemRed 색상의 일러스트레이션을 보여주는 이미지입니다. 배경이 흰색 또는 검은색으로 변화함에 따라 색상도 진하게/연하게 변화하여 각종 디스플레이 모드에서 시인성을 개선합니다.
iOS의 손쉬운 사용 “systemRed” 색상.

오디오 설명 지원 여부 표시

텍스트, 버튼과 기타 조작 항목을 포함한 일반적인 작업 진행 시 사용자 인터페이스가 기본값으로 일반적인 대비 가이드라인 요구사항(대부분의 텍스트 요소의 대비가 4.5:1)을 충족하는 경우, 앱이 “충분한 대비”를 지원함을 나타낼 수 있습니다.

앱이 기본값으로 최소 대비를 제공하지 않는 경우, 다음과 같이 진행하십시오.

  • 앱이 Apple 제공하는 UI 프레임워크를 사용하는 경우, “대비 증가” 설정이 충분한 대비를 적용하는지 확인합니다.

  • 앱이 사용자화 프레임워크를 지원하는 경우, 최소 대비를 충족하는 여러 가지 색상 구성을 사용자에게 제공합니다.

  • 타사 또는 사용자 생성 콘텐츠가 일반적인 작업에 필요한 경우, 손쉬운 사용 지원 여부 표시 레이블(Accessibility Nutrition Labels)에 있는 타사 콘텐츠 관련 내용을 참고하십시오.

앱의 일반적인 작업 진행 시 “충분한 대비” 지원을 표시할 수 있게 된 후에도 손쉬운 사용에 추가적으로 개선할 수 있는 부분이 존재할 수 있습니다. 앱을 매번 업데이트할 때 “충분한 대비” 지원에 대해 재검토하고, 구체적인 목표를 설정하여 앱의 새로운 버전을 출시할 때마다 더 많은 사람들이 손쉽게 사용할 수 있도록 해야 합니다.