유니버설 디자인 Universal Design은 주로 제품과 공간에 초점을 맞춘 디자인 접근법입니다. 장애를 가진 사람들뿐만 아니라 임산부, 노인, 영유아를 동반한 이들에게까지 그 혜택을 확장합니다. 유니버설 디자인의 원칙에서 파생된 컬러 유니버설 디자인(Color Universal Design)은 모든 사용자들, 특히 시각적 제약을 가진 이들이 색상 정보를 쉽게 이해하고 사용할 수 있도록 하는 디자인 방법론을 말합니다. 그렇다면, 유니버설 디자인을 컬러에 어떻게 적용할 수 있을까요? 

발달장애인의 심리적 안정에 초점을 맞춘 삼화페인트 

공간 설계에 있어서 발달장애 아동이 필요로 하는 가장 중요한 요소 중 하나는 '심리적 안정'입니다. 이들에게 감정 발작, 흔히 '텐트럼tantrum'이라 불리는 현상은 환경적 스트레스에 의해 크게 영향을 받습니다. 실제로 많은 발달장애 아동의 부모님들과의 대화를 통해, 특정 환경적 요소들이 이러한 반응을 유발하는 것을 알 수 있었습니다. 예를 들어, 어떤 아동은 화장실의 물 내려가는 소리가 크게 들릴 때, 또 다른 아동은 갑작스러운 닭 울음소리에 텐트럼을 경험하기도 했습니다.

이러한 사례들은 발달장애 아동이 낯선 장소나 예기치 못한 소음, 시각적으로 혼란을 주는 패턴 등에 어려움을 겪을 수 있다는 것을 시사합니다. 따라서 이들에게 친숙하고 편안한 환경을 제공하는 것은 심리적 안정 측면에서 매우 중요합니다. 

2022년 4월, 삼화페인트는 사회 공헌의 일환으로 발달장애인을 위한 컬러 유니버설 디자인 가이드북을 발표했습니다. 이 가이드북은 발달장애인의 요구에 맞춘 64가지의 최적화된 컬러로 구성되었는데요. 삼화페인트는 2년에 걸쳐 서울시 장애인 복지시설과 110명 이용자를 대상으로 뇌파 검사와 컬러 선호도 조사를 실시하였습니다. 그 결과, 대부분의 발달장애인들은 명도가 5.5 이상인 밝은 색상을 선호하는 것으로 나타났죠. 참고로 명도는 0에서 10까지의 스케일로 측정되며, 0은 완전히 빛이 없는 검은색을, 10은 순백색을 나타냅니다. 이는 명도가 높아질수록 색상이 밝게 보인다는 것을 의미합니다.

은평구 소재의 장애인주간보호센터 © 삼화페인트

색각 이상에 대한 기본 이해

색각 이상은 크게 색맹(Color Blindness)과 색약(Color Weakness)으로 나눌 수 있습니다. 색맹은 빨강, 초록, 파랑의 삼원색 중 특정 색상 계열을 전혀 감지하지 못하는 상태를 의미합니다. 반면, 색약은 색상을 감지할 수는 있지만, 색상이 잘 구분되지 않고 다르게 보이는 경우를 말합니다.

이러한 색각 이상은 왜 발생할까요? 사람의 눈에는 빨강, 초록, 파랑을 구분하는 세 종류의 원뿔세포(Cone Cells)가 존재합니다. 원뿔세포는 망막에서 색상을 감지하는 기능을 하며, 이들의 기능적 문제가 색각 이상을 발생시킵니다. 즉, 세 가지 원뿔세포의 이상 정도와 유형에 따라 색각 이상은 다양한 스펙트럼을 가지게 됩니다.

색각 이상을 이해하기 위해서 '색각시뮬레이터'라는 앱이 유용합니다. 이 앱은 색각이상자가 보는 색상을 보편적인 시각과 비교하여 나타냅니다. 그러나 실제 색각 이상의 증상은 개인마다 다를 수 있으므로, 아래의 사진은 모든 경우를 대표하지는 않습니다.

1번 사진은 대부분의 사람들이 보편적으로 인식하는 색상을 보여줍니다. 2번 사진은 빨강계열을 인지하기 어려운 사람들이 보는 색상으로, 삼원색 중 제1색인 빨간색의 인지에 문제가 있는 '제1색각 이상'을 나타냅니다. 3번 사진은 녹색 계열 인지에 어려움을 겪는 사람들의 시각을 보여주며, 이는 '제2색각 이상'으로 분류됩니다. 이 경우 원래 녹색인 뚜껑의 색상이 불분명하게 보입니다. 4번 사진은 '제3색각 이상'으로 청색 계열 인지에 문제가 있으며, 이 유형은 전체 인구의 0.005% 이하에서 나타나는 매우 드문 경우입니다. 예를 들어, 이들은 사진 속 텀블러의 파란색 로고를 초록색으로 인지합니다.

그외 전체적으로 색상 인지 능력이 저하된 전색약, 또는 모든 색상 구분이 불가능한 전색맹과 같은 경우도 색각 이상의 스펙트럼에 포함됩니다. 과거에는 이러한 색각 이상을 일괄적으로 '색맹'이라고 불렀으나, 질병관리청에 따르면 색맹은 실제로 매우 드문 현상입니다. 따라서 색각 이상의 정확한 유형에 따라 구분하여 부르는 것이 더 적절하다고 권장됩니다.

색각 이상 사용자의 안전에 초점을 맞춘 KCC

안전 사인은 위급한 상황에서도 빠르고 명확하게 인식될 수 있어야 합니다. 이를 인지한 KCC는 공동주택 지하주차장의 안전 사인에 중점을 두었습니다. 2021년에 발표한 '공동주택 지하주차장 안전 사인 배색 가이드라인'을 통해, 색각 이상을 가진 이용자들도 위험 경고 안내판을 직관적으로 식별할 수 있도록 배색을 제안했습니다.

색각 이상을 가지고 있어 색상이 다르게 보이거나 색상이 흑백으로 보여도 명확하게 구분할 수 있는 중요한 요소는 바로 배경색과 사인의 명도차이입니다. 명도차이는 쉽게 말해 대비를 의미하며, 이는 두 색상 간 또는 표면의 밝기 수준의 차이를 말합니다. 명도차이가 클수록, 즉 밝기 대비가 클수록 글씨는 더 명확하고 읽기 쉬워집니다. 예를 들어, 흰색 배경에 검정 글씨나 검정 배경에 흰색 글씨와 같은 경우입니다.

KCC는 2021년을 기준으로, 지난 3년 동안 서울 수도권에 준공된 현장의 SOS 안전사인 배색 사용 현황을 조사했습니다. 조사 결과에 따르면, 안전 사인과 배경의 명도차가 낮아 색각 이상자가 명료하게 구분하기 어려운 경우가 상당수 있었습니다. 특히 고채도 빨강의 안전 사인과 명도 5 이하의 어두운 배경이 조합될 경우, 안전 사인의 구분이 어려울 수 있습니다. 이에 따라 사인 색과 배경색 사이에 흰색 배경을 추가하거나 테두리를 두르는 것이 권장됩니다. 아래는 이 권장 가이드에 따라 제작된 그래픽의 예시입니다.

기준을 충족시킨 예시. 국제 표준인 WCAG(Web Content Accessibility Guidelines, 이하 WCAG) 2.1 기준에 따르면, 일반 텍스트는 최소 4.5:1의 명도 대비 비율을, 대형 텍스트는 최소 3:1의 비율을 갖추어야 한다. 위 SOS 글자와 배경은 둘 다 기준을 만족시켰다. 참고로 어도비 컬러 접근성 도구Adobe Color Acceessibilty Tools를 활용하면 WCAG 가이드라인을 직관적으로 지킬 수 있다. 

기준 부적합 예시와, KCC 권장에 따른 옳은 예시. 좌측은 명도 대비가 2.2:1 수준이라 개선이 필요하다. 따라서 우측 하단처럼 자체에 테두리를 만들거나 우측 상단처럼 명도 대비가 뚜렷하도록 배경을 깔아줄 것을 권장한다. 

색각 이상 사용자를 위한 WCAG 접근성 권장사항 

국제 표준인 WCAG는 웹 접근성을 높이기 위해 다음 두 가지를 권고합니다.

첫째, 색상은 정보 전달의 유일한 수단으로 사용되어서는 안 됩니다. 예를 들어, 필수 필드를 단순히 빨간색으로 표시하는 것만으로는 부족합니다. 색각 이상 사용자가 중요한 정보를 놓치지 않도록, 빨간색 표시와 함께 텍스트 라벨이나 다른 시각적 표시를 추가하는 것이 필요합니다. 아래 예시는 이를 간략하게 비교해 보여줍니다.

둘째, 텍스트와 배경 간의 색상 대비가 충분해야 합니다. WCAG 2.1 기준에 따르면, 일반 텍스트는 최소 4.5:1, 대형 텍스트는 최소 3:1의 대비 비율을 유지해야 합니다. 이는 저시력 사용자 뿐만 아니라 색상 구분에 어려움을 겪는 모든 사용자에게 도움이 됩니다.

웹 디자인의 컬러 접근성을 체크할 수 있는 Adobe Color 접근성 도구. 국제 표준인 WCAG에 맞춰, 웹 콘텐츠 디자인의  컬러 대비에 대해 알 수 있다. 텍스트 색상과 배경색 조절에 따라 명암비를 알 수 있어 직관적이다. 

마치며 : 심미적 기능을 넘어, 심리적 안정과 정보 접근성에 중요한 컬러

• 넛지와 윤리적 디자인 : 디자인은 어떻게 사람의 마음을 움직이는가? 
• 모두를 위한 디자인에서 장애인 사용자 경험이 중요한 이유 
• DEI, 기업과 브랜드를 넘어 사회적 영향력을 확대하는 전략