📍 읽어주세요

색상만으로 정보를 전달하거나, 행동을 지시하거나, 반응을 유발하거나, 시각적 요소를 식별하는 시각적인 용도로 사용하지 않아야 합니다.

목적

색상을 통해 정보를 전달 하는 경우 색상 인식이 어려운 색맹, 색약등의 장애를 가진 사용자는 정보를 인식하기 어렵기 때문에 색상 외 다른 수단을 통해 동일한 정보를 인식할 수 있도록 하기 위한 항목입니다.

관련 장애

시각 혹은 색각 이상 장애를 가진 사용자는 색상만으로 이루어진 정보를 이해하기 어렵습니다.
저시력 장애를 가진 일부 사용자는 제한된 색각으로 인해 색상만으로 이루어진 정보를 이해하기 어렵습니다.

설명

시각 장애를 가진 사용자의 경우 색을 인식할 수 없으므로 색상 만으로 정보를 표기하면 이를 확인할 수 없고, 저시력 장애를 가진 일부 사용자는 제한된 색각으로 인해 색상의 차이를 통해 전달되는 정보를 이해하기 어려울 수 있습니다.

예를 들어, 달력에서 개인 일정은 노란색으로 팀 일정은 빨간색으로 색상으로만 구분할 경우 시각 장애 사용자는 각 일정의 범위를 전혀 이해할 수 없고 색상의 차이를 인식하기 어려운 사용자 역시 각 일정의 범위를 명확히 구분하기 어렵습니다.

이러한 문제를 해결하기 위해 다음의 상황이 발생하지 않도록 주의 해주세요.

특정 단어, 배경, 콘텐츠의 색상이 정보를 나타내는 데 사용 E.g, 색상으로만 구분된 캘린더 일정 (파란색은 팀 일정, 빨간색은 개인 일정)
이미지 안에서 색상만으로 정보를 전달 E.g, 색상으로만 구분된 차트 (파란색은 남성, 빨간색은 여성)

이 항목에서는 색상 간의 명도 대비는 고려하지 않습니다. 인접한 색상의 명도대비 차이는 텍스트가 아닌 명도 대비에서 설명됩니다.

✅ 업무 진행 시 필수

🙏 Do vs Don’t