👉색각접근성 - 색약자가 바라보는 세상을 인지하기 색약자! 어렸을 때 돌맹이들이 모인 것 같은 숫자를 읽은 경험이 떠오르시나요? 색각이상이란 시세포 중 한 세포의 기능 이상으로 색 구분이 어려운 경우를 말하죠. 적색과 녹색을 구분하기 어려워하는 적녹색맹이 가장 많은 편입니다. 👉색이 잘 구분되지 않는게 어떤 점이 불편한가요? 생각보다 색상을 통해서 정보를 전달하는 경우가 디지털 상에 참 많습니다. 이렇게만 말하면 잘 와닿지가 않으실 것 같아요. 가장 흔한 예시가 신호등이죠. 조금 더 복잡한 예시로 지하철 노선도가 있습니다. 색상 만으로 구분된 지하철 노선은 색약 접근성이 매우 낮은 예시죠. 그래서 최근 한국에도 색약 접근성이 높아진 지하철 노선도가 나왔다고 합니다. 선 그래프는 어떨까요? 색상만으로 선을 구분해서 라벨링한 경우 각 선이 어떤 것을 의미하는지 파악하기 어렵습니다. 특정 해외 학술지에서는 색상을 사용하여 그래프를 그리는 것을 금지하는 경우도 있답니다. 저 같은 경우 교내 장학금 UX에 대한 리뷰를 해달라고 요청이 들어온 적이 있어요. 교내 장학금과 교외 장학금을 색깔로만 구분한 그래프가 있었는데 그런 경우 색약자에게는 불친절한 서비스가 되는 것이죠. 👉 어떻게 확인해볼 수 있나요? 색약접근성의 문제는 (1) 정상색각자 (Normal color vision)는 그 어려움을 인지하기 어렵고, (2) 색각이상자 (Those with color vision deficiency)도 태어날 때부터 봐왔던 세상이기 때문에 사실 상 누군가 다른 색상이라고 말해주기 전까지는 파악하기 어려운 경우도 많다고 합니다. 그저 잘 안 보이네 라고 생각하는 것이죠. 이러한 문제를 해결하기 위해 색약자들의 눈에 어떻게 플랫폼이 보이는 확인할 수 있는 웹사이트가 있습니다. 바로 Toptal Colorblind Simulator (탑탈 색약 시뮬레이터)입니다. 지금 첨부한 이미지가 시뮬레이터의 모습인데요. 아주 간단한 웹 플랫폼으로 URL 링크만 넣으면 각 색각이상 유형의 시점에서 보이는 화면을 확인할 수 있습니다. 과연 강조하고 싶은 부분이 잘 강조되었는지, 안 보이는 부분은 없는지 확인할 수 있는 것이죠. 아래 이미지에서 연두색으로 강조된 버튼들이 적색맹 시점에서도 잘 강조되어 있는 것을 확인할 수 있죠. 👉 조금만 더 신경쓰면 해결되는 색약접근성 가끔 어떤 접근성은 개인의 힘으로 해결하기 어려운 경우가 있을 수 있습니다. 그러나 색약 접근성은 '사용하는 색'만 바꾸거나 조금의 정보를 더 주는 것으로 간단하게 해결할 수 있어요. 단순하게는 발표자료를 만들 때 사용하는 색상이 구분이 잘 되는 색상인지 고민해보세요. 또는 그래프를 넣었을 때 색상이 없어도 이해하는데 문제가 없는지 확인해보세요. 👉 색약접근성을 높이고 싶어요. 어떻게 하면 좋을까요? 색약 접근성을 높이기 위한 여러 방안이 있으나 크게는 (1) 구분하기 어려운 색 조합 사용을 최대한 자제하고 (예) 빨간색-초록색 (예) 초록색-갈색 (예) 노란색-초록색 (예) 파란색-분홍색 (예) 짙은 파란색-보라색 (2) 색만 사용하는 것이 아닌 패턴 혹은 텍스트로 정보를 전달하는 방식 등이 제안됩니다. 예를 들어 제가 첨부한 이미지 예시로 네이버 웹툰의 로어 올림푸스 화면을 가져왔습니다. 앞서 파란색과 분홍색의 구분이 어렵다고 알려드렸는데 두 캐릭터의 색상 구분이 적색맹 시점에서 쉽지 않은 것을 확인할 수 있죠. 색각이상 접근성을 높이고 다음에 서비스를 만들 때 놓치고 싶지 않다면 추천드리고 싶은 아티클이 있어요. 네이버 널리의 아티클인데 한 번 읽어보시면 크게 도움이 될거에요. https://nuli.navercorp.com/community/article/1132656 접근성은 결국 여러 방식으로 정보를 전달하는 것이 핵심인 것 같아요. 색상만으로 정보를 전달하는 것이 아니라 텍스트 혹은 그 외 시각적 요소를 추가하는 것이죠. 오늘도 모두 접근성에 한 발 더 다가간 시간이었기를 바라요 :) 다음에는 조금 더 구체적인 예시를 가져와볼게요. 궁금하거나 코멘트는 언제나 환영입니다!