색각 이상 시뮬레이터

시뮬레이터는 무엇에 쓰는가

색각 시뮬레이터는 설계 도구이지 진단 도구가 아닙니다. 이미지를 건네면 특정 색각 이상을 거쳐 어떤 색 구분이 살아남고 어떤 것이 무너지는지의 근사를 돌려줍니다. 가치는 무너지는 쪽에 있습니다. 인터페이스의 두 요소가 서로 다른 뜻을 지니는데 시뮬레이션이 그 둘을 같은 색으로 그린다면, 이용자 가운데 상당한 비율에 영향을 주는 결함을 찾아낸 것입니다.

이 결과가 무엇이 아닌지도 정확히 말해 둘 필요가 있습니다. 이것은 누군가의 주관적 경험을 들여다보는 창이 아닙니다. 선천적 제2색약이 있는 사람은 태어나서부터 세상을 그렇게 보아 왔고, 그의 색 지각은 그 사람에게는 지극히 평범하며, 어떤 변별 과제에서는 삼색형색각인 사람보다 낫기도 합니다. 시뮬레이션을 그들이 보는 것이라고 제시하는 일은 부정확하며, 이 상태를 결핍으로 틀 지을 때는 도움도 되지 않습니다.

시뮬레이션이 실제로 알려 주는 것은, 여러분의 설계가 상당수의 소수 이용자에게 닿지 않는 정보에 어디에서 기대고 있는가입니다. 그것은 손댈 수 있는 기술적 사실입니다.

변환 뒤의 모형

단순한 시뮬레이터는 이미지를 이색형색각인 사람이 구별할 수 있는 색의 직선으로 무너뜨립니다. 이색형색각에는 그것으로 충분하지만 훨씬 흔한 이상삼색형색각에는 틀린 방식입니다. 그곳에서는 영향을 받은 원뿔세포가 분광 감도를 옮긴 채 존재하고, 색 정보는 지워지지 않고 압축됩니다.

이 시뮬레이터는 원뿔세포 감도의 이동을 직접 모형화하는 마차도, 올리베이라, 페르난데스의 생리학 기반 접근을 따릅니다. 이동이 연속적인 매개변수이므로 같은 모형이 정상 색각에서 경도 이상을 거쳐 완전한 이색형색각까지의 전 범위를 서로 무관한 사례로 다루지 않고 아우릅니다.

이 구분을 이해하면 설계 방식이 달라집니다. 중파장 원뿔세포가 없는 제2색각은 엄격한 경우입니다. 그 원뿔세포가 있으나 이동한 제2색약은 흔한 경우이며 훨씬 많은 사람이 해당하고, 더 미묘한 실패를 낳습니다. 기술적으로는 여전히 구별되지만 빽빽한 도표나 작은 인터페이스 요소에서는 한눈에 갈라지지 않는 색들입니다.

결과를 잘 쓰는 법

색을 통해 실제로 의미를 나르는 이미지를 올리십시오. 대시보드, 색 부호 범례가 있는 도표, 지도, 빨간 오류 상태가 있는 양식, 안내 도면 같은 것들입니다. 각 시뮬레이션을 원본과 견주고, 색으로 구분한 모든 요소에 하나만 물으십시오. 이것이 아직도 보는 사람에게 알아야 할 바를 말해 주는가?

찾아볼 만한 흔한 실패는 이렇습니다.

• 빨강과 초록 상태 표시가 같은 탁한 색으로 변하는 경우. 소프트웨어에서 가장 널리 퍼진 접근성 결함입니다.
• 도표의 범주형 배색에서 이웃한 계열이 뒤섞이는 경우. 특히 지각적 분리가 아니라 심미적 다양성으로 고른 정성적 배색에서 그렇습니다.
• 순차형 히트맵이 빨강과 초록을 지나며 순서를 잃는 경우.
• 본문과 색으로만 구분되는 링크가 완전히 사라지는 경우.
• 필수 항목과 오류 표시가 빨간 테두리 하나로만 전달되는 경우.

고치는 방법은 거의 언제나 다른 색을 쓰는 것이 아닙니다. 색이 아닌 두 번째 단서를 더하는 것입니다. 글자 라벨, 아이콘, 형태, 채움 무늬, 위치, 밑줄 같은 것들입니다. 그러면 색은 의미의 유일한 운반자가 아니라 보강 수단이 되며, 그것이 바로 WCAG의 색 사용 기준이 요구하는 바입니다.

시뮬레이션이 믿기 어려워지는 지점

변환은 이미지의 sRGB 값에 적용되므로, 정확도는 화면이 sRGB를 얼마나 충실히 재현하는지와 원본 이미지가 그 색공간에서 만들어졌는지에 매입니다. 광색역 소재, HDR 콘텐츠, 색 관리가 무거운 작업 흐름은 모두 결과를 어긋나게 합니다.

이 모형은 또한 선천적 색각 이상을 서술합니다. 녹내장, 당뇨망막병증, 시신경 질환, 백내장, 약물로 인한 후천성 색각 저하는 흔히 다르게 움직이고, 두 눈에 고르지 않게 나타나는 일이 잦으며, 어떤 색 변환도 담지 못하는 시력 저하나 대비 감도 저하를 대개 동반합니다.

끝으로 시뮬레이션은 하나의 렌즈일 뿐임을 기억하십시오. 어떤 색상이 뒤섞이는지는 알려 주지만, 애초에 본문에 읽을 만한 휘도 대비가 있는지는 아무것도 말해 주지 않습니다. 대비 검사기와 함께 쓰십시오.

더 넓은 안내는 색각 이상을 고려한 설계와 도표를 접근 가능하게 만들기를 참고하십시오.