[HIG] 내게 필요한 옵션 - 색상과 대비

이 기사는 Apple Human Interface Guideline의 Accessibility - Color and Contrast 부분을 번역한 것입니다. 정확한 정보는 공식 페이지를 참조하십시오. 덧붙여 말하기에는 조심하고 있을 생각입니다만, 부적절한 부분이 있으면 편집 리퀘스트를 주세요.

개체를 구분하거나 중요한 정보를 전달할 때 색상에만 의존하지 마십시오. 앱 내에서 색상을 통해 정보를 전달하는 경우 색각 장애가 있는 사용자도 이해할 수 있도록 텍스트 라벨과 문자 모양을 제공해야 합니다.

텍스트에는 가능한 한 시스템 색상을 사용하십시오. UIColor 혹은 NSColor 로 정의된 색을 사용해 텍스트의 색칠을 실시하면, 색 반전이나 콘트라스트 강화등의 접근성 설정에 올바르게 반응합니다.

색각 장애를 의식하십시오. 예를 들어, 많은 색각장애인들은 빨강과 녹색(또한 빨강과 회색, 녹색과 회색), 파랑과 오렌지를 구별하기 어렵다고 한다. 두 가지 상태와 값을 구별하는 유일한 방법으로 두 가지 색상 조합을 사용하지 마십시오. 예를 들어 빨간색과 녹색 원을 사용하여 온라인인지 오프라인인지를 나타내는 대신 빨간색 사각형과 녹색 원을 사용하는 등의 방법을 사용합니다. 일부 이미지 편집 소프트웨어에는 색각 장애를 판별하는 데 도움이 되는 도구가 내장되어 있습니다.

색 반전에 올바르게 대응합시다. 어두운 배경으로 항목을 표시하고 싶을 때 색 반전 기능을 켤 수 있습니다. 색 반전의 스마트 반전 모드에서는 이미지, 비디오, 풀 컬러 아이콘(앱 아이콘이나 비템플릿 이미지 등)은 반전하지 않으며 어두운 UI도 어두운 채로 있습니다.

충분한 색 대비비를 확보하십시오. 앱의 요소 사이에 강한 대비를 사용하면 보다 인식하기 쉽습니다. 온라인의 컬러 대비 측정 도구를 사용하면 앱의 컬러 대비 비율을 정확하게 분석하여 적절한 기준을 충족하는지 확인할 수 있습니다. 최소 4.5:1의 명암비를 확보해야 하지만 보다 엄격한 접근성 기준을 충족하려면 7:1의 명암비를 확보해야 합니다.

대비 비율을 결정할 때 텍스트 크기도 참조하십시오. 일반적으로 가독성을 높이려면 작은 텍스트나 가는 가중치가 될수록 대비비를 높여야 합니다. 기준으로 다음 값을 사용합시다.


※ Color and Contrast 의 화면 하부의 그림을 인용.

앱의 텍스트를 모든 사용자가 액세스할 수 있도록 하는 방법에 대해 자세히 알고 싶으시면 Text Size and Weight을 참조하세요.