App Store Connect 도움말

지원 / App Store Connect / 앱 손쉬운 사용 관리 / 색상 사용 없이 구별 평가 기준

앱 손쉬운 사용 관리

색상 사용 없이 구별 평가 기준

iOS macOS tvOS visionOS watchOS

설명

사용자가 앱에서 색상에 의존하여 선택 항목이나 상태 또는 값을 알아봐야 하도록 설정하지 않아야 합니다. 앱은 색상뿐만 아니라 텍스트 레이블이나 아이콘과 같은 추가적인 방법을 사용해야 합니다.

목표

모든 사람은 신체적 상태와 무관하게 앱을 원활하게 사용할 수 있어야 합니다. 색상 사용 없이 구별 기능의 목표는 색상을 완전하게 인식할 수 없는 사용자도 앱을 원활하게 사용할 수 있도록 하는 것입니다. 색맹은 일부 인구의 10%까지 영향을 끼치는 흔한 장애 중 하나입니다.

색상은 정보를 빠르게 전달하는 데 매우 유용합니다. 해당 기능을 지원하기 위해 앱에서 색상을 제거하지 마십시오. 색상만을 사용하여 정보를 전달하는 앱을 제작하지 않아야 합니다.

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

테스트 시작하기

“손쉬운 사용”에 있는 “디스플레이”에서 흑백 모드 컬러 필터를 사용하면 앱을 간편하게 평가해 볼 수 있습니다. 이는 실제로 색맹인 사용자가 보게 되는 모습은 아니지만, 앱의 색상 사용에 있어서 예상치 못했던 문제들을 발견할 수 있는 좋은 방법입니다. 귀하의 앱이 흑백 모드 상태에서 사용하기 어려운 경우, 색상만을 사용하여 정보를 전달하는 디자인을 재검토하고 조정하십시오.

이상적인 경우, 기본적으로 앱은 색상뿐만 아니라 다른 요소도 같이 사용하여 정보를 전달하도록 디자인해야 합니다. 이러한 사용자 경험을 특정 설정을 통해 사용할 수 있도록 하는 것은 앱이 색상만을 사용하여 정보를 전달하는 디자인을 개선하기 전의 최후의 수단 또는 임시방편으로 생각해야 합니다.

색상 사용 없이 구별 지원 여부 표시

귀하의 앱이 일반적인 작업 진행 시 색상만을 사용하여 정보를 전달하지 않는 경우, 색상 “색상 사용 없이 구별”을 지원하는 것으로 표시할 수 있습니다. 예를 들어, 게임에서 기호를 사용하여 팀을 구별하고, 추가적으로 색상을 사용할 수 있습니다. 앱에 색상만을 통해 구별하는 부분이 있는 경우(예를 들어, 색상으로 구별된 차트), 사용자가 필요에 따라 여러가지 색상 조합을 통해 디자인을 사용자화할 수 있도록 해야 합니다.

  • 특정 요소, 컨트롤 또는 콘텐츠가 색상에만 의존하여 주요 정보를 구별하고 전달하고 있지는 않은지 생각해 보십시오. 예를 들어, 빨간색(🔴)과 초록색(🟢)만으로 긍정 또는 부정, 온라인 또는 오프라인을 나타내는 상태 버튼이 이러한 경우에 해당됩니다. 이러한 색상 구별 방법은 적록색맹 사용자가 인식하기 어려울 수 있습니다.

  • 색상에만 의존하는 대신 색상 외의 배치, 순서, 모양, 도상법(iconography) 또는 스타일 변화와 같은 방법을 생각해 보십시오. 빨간색 사각형(🟥) 또는 녹색 원형(🟢)과 같은 차이는 색상 인식 능력과 무관하게 시력을 가진 모든 사용자가 인식할 수 있습니다.

  • 여러 가지 색상 조합을 선택할 수 있도록 하여 사용자가 구별하기 힘든 색상 조합을 바꿀 수 있도록 하십시오. 앱 또는 게임에서 색상을 통해 팀 또는 캐릭터를 구별하는 경우가 이에 해당됩니다.

  • 복잡한 차트 또는 데이터 시각화 앱에서는 차트의 색상을 범례 키와 같은 순서로 정렬하는 것을 권장합니다. 또 다른 방법으로는, 차트 내 도상법(iconography) 또는 레이블을 각 요소에 직접 제공하여 데이터 소통을 더욱 용이하게 할 수 있습니다.

    참고: 이러한 차이는 인지 난도를 낮추고, 모든 유형의 사용자가 각 색상의 의미를 기억하는 데 도움을 줍니다.

    액세스할 수 없는 상태 표시 예시: 색상만으로 구분된 두 개의 원(초록색과 빨간색).
    적록색맹 사용자의 경우 이런 형식의 아이콘 간의 차이를 인지하기 힘들 수 있습니다.
    액세스할 수 있는 상태 표시 예시: 초록색 원 안에 체크 표시 기호, 빨간색 팔각형 안에 “X” 기호. 이 디자인은 색상과 형태를 모두 사용해 구분할 수 있도록 되어 있습니다.
    시각적 지표와 색상을 같이 사용하면 아이콘을 구분하는 데 도움이 됩니다.
  • 타사 또는 사용자 생성 콘텐츠가 일반적인 작업에 필요한 경우, 손쉬운 사용 지원 여부 표시 레이블(Accessibility Nutrition Labels)에 있는 타사 콘텐츠 관련 내용을 참고하십시오.

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

관련 콘텐츠

휴먼 인터페이스 가이드라인 > 시각 지원 > 색상 외로도 정보를 전달하십시오

“관련 콘텐츠 앱을 시각적으로 더욱 손쉽게 사용할 수 있게 하기(Make your app visually accessible)” 시청