한눈에 보기
색각 이상(색약·색맹)은 드문 예외가 아니라 화면을 보는 사람 가운데 일정 비율이 가진 특성입니다. 색으로만 정보를 전달한 디자인은 이들에게 정보가 사라진 디자인이 됩니다. 이 글은 위 여섯 가지 팁이 어떤 근거에서 나왔는지, 국제 웹 접근성 지침(WCAG)과 색약 연구자들의 가이드가 무엇을 요구하는지, 그리고 직접 점검하는 방법을 정리합니다. 이 글은 디자인 실무에 관한 일반 정보이며, 색각 이상의 진단은 안과 검사가 필요합니다.
- 색 말고 모양·글자·패턴 같은 두 번째 단서를 반드시 붙입니다.
- 색상 차이보다 밝기(명도) 차이가 확실하면 색을 구분하지 못해도 알아볼 수 있습니다.
- 그래프는 범례 대신 요소 옆에 직접 이름을 붙입니다.
- 시뮬레이터로 확인하되, 시뮬레이션이 실제 경험을 완전히 대신하지는 않습니다.
얼마나 흔하고 왜 생기나
위키백과(색맹 항목)에 따르면 적록색각 이상은 북유럽계 남성의 약 8%, 여성의 약 0.5%에서 나타나는 것으로 정리되어 있습니다. 적록 계열(protan, deutan)이 가장 흔하고, 청황 계열(tritan)은 0.01% 미만으로 드뭅니다. 적록 계열은 X 염색체를 통해 유전되어 남성에게 더 흔합니다. 비율은 인구 집단에 따라 다릅니다. 색약 연구자 Okabe와 Ito의 안내 페이지는 남성 기준 백인계 약 8%(12명 중 1명), 아시아계 약 5%(20명 중 1명), 아프리카계 약 4%(25명 중 1명)를 인용합니다. 기존에 흔히 쓰이던 "전 세계 남성의 약 8%"는 모든 지역에 해당하는 수치가 아니므로 이 글에서는 집단별 수치로 바로잡았습니다. 대부분의 유형은 치료법이 없으며, 렌즈나 앱이 일부 과제를 돕는 정도입니다.
기준이 만들어진 과정: 검사와 지침
이시하라 검사: 색을 '읽는' 검사의 시작
이시하라 검사는 도쿄대 교수 이시하라 시노부가 1917년 처음 발표한 것으로 알려져 있으며, 군 신병 선별 목적에서 만들어졌다는 설명이 있습니다. 색과 크기가 다른 점들 사이에 숨은 숫자를 읽는 방식이고, 1929년 국제안과학회에서 국제 표준 검사로 채택되었다고 안과 관련 자료는 전합니다. 이 검사는 적록 계열 이상을 찾기 위한 것으로, 청황 계열은 대상이 아닙니다. 조명과 진행 방식에 따라 결과가 달라질 수 있어 정식 진단은 전문가 검사로 받아야 합니다. 우리 사이트의 색맹·색약 간이 자가진단 테스트도 참고용일 뿐입니다.
WCAG: 색만으로 전달하지 말 것
W3C의 WCAG 성공 기준 1.4.1(색의 사용)은 레벨 A로, 색을 정보 전달·동작 유도·요소 구분의 유일한 시각적 수단으로 쓰지 말라고 합니다. 색 외에 텍스트, 모양, 패턴 같은 다른 시각 단서를 함께 제공하라는 뜻이며, 색 사용 자체를 금지하는 것은 아닙니다. 1.4.3(최소 대비)은 레벨 AA로 일반 텍스트 4.5:1, 큰 텍스트 3:1 이상을 요구합니다. W3C 설명에 따르면 색을 구분하지 못해도 명암 대비 지각에는 큰 지장이 없어서 명도 대비가 색약 사용자에게도 효과적이지만, 빨강처럼 긴 파장의 색을 어두운 배경 위에 쓰면 protan 유형은 읽기 어려울 수 있어 빨강-검정 조합은 피하라고 안내합니다. 차트·아이콘 같은 비텍스트 요소는 1.4.11이 다룹니다. 직접 계산하려면 명도 대비 체커를 사용해 보세요.
여섯 가지 팁을 한눈에 비교
| 팁 | 무엇을 막나 | 근거 |
|---|---|---|
| 색상만으로 구분하지 않기 | 색을 못 보면 정보가 사라지는 문제 | WCAG 1.4.1 |
| 적록 조합 신중히 | 가장 흔한 색각 이상에서의 혼동 | Okabe·Ito 가이드 |
| 명도 대비 확보 | 색상 차이에 의존한 구분 | WCAG 1.4.3, 1.4.11 |
| 패턴·텍스처 병용 | 그래프 항목 혼동 | Okabe·Ito 가이드(선 종류, 빗금) |
| 시뮬레이터로 점검 | 제작자가 놓친 혼동 | 실무 관행(한계 있음) |
| 직접 라벨 붙이기 | 범례-색 대조 부담 | Okabe·Ito 가이드 |
실제 사례
사례 1. 색약 연구자가 만든 '색약 배리어프리' 팔레트
도쿄의 Masataka Okabe와 Kei Ito는 둘 다 강한 protan 유형의 색약 당사자로서, 논문 그림과 발표 자료를 색약 연구자도 알아볼 수 있게 만드는 안내(Color Universal Design, 2002 작성·2008 수정)를 공개했습니다. 안내는 빨강 대신 버밀리언, 초록 대신 청록, 보라 대신 붉은 보라, 하늘색과 파랑, 노랑과 주황을 쓰는 팔레트를 제안하고 노랑-초록 사이 색은 피하라고 합니다. 이 팔레트는 2011년 Bang Wong이 Nature Methods의 'Points of view' 칼럼에서 소개하면서 널리 알려졌고, 지금도 'Okabe-Ito 팔레트'로 불립니다. 배울 점은 색을 바꾸는 것보다 선 종류·기호·직접 라벨 같은 두 번째 단서가 먼저라는 것입니다.
사례 2. 형광 현미경 이미지의 빨강-초록 대신 마젠타-초록
같은 안내에서 Okabe와 Ito는 두 채널 형광 이미지를 보여줄 때 빨강-초록 대신 마젠타-초록을 쓰라고 권합니다. 과학 논문처럼 색으로 두 신호의 겹침을 읽어야 하는 도메인에서는 색 선택이 곧 정보 전달이므로, 색약 독자를 고려한 조합이 필요하다는 사례입니다. 웹 대시보드의 '정상(초록)·오류(빨강)' 표시도 같은 문제를 갖고 있어, 아이콘이나 문구를 함께 넣어야 합니다.
가상 예시: 상태 표시 표
가상 예시입니다. 서버 상태를 초록 점과 빨간 점으로만 표시한 대시보드가 있다면, 적록 계열 색약 사용자는 두 점을 같은 색으로 볼 수 있습니다. 점 옆에 '정상', '오류'라는 글자를 붙이거나 모양(동그라미·삼각형)을 바꾸면 색을 보지 못해도 정보가 전달됩니다.
직접 해보기: 점검 체크리스트
- 화면을 흑백으로 바꿔도 모든 정보가 구분되는지 확인합니다.
- 링크·오류·필수 입력 표시에 색 외에 밑줄, 아이콘, 문구가 있는지 봅니다.
- 텍스트와 배경의 대비가 4.5:1(큰 글씨 3:1) 이상인지 계산합니다.
- 그래프의 선·막대에 빗금, 점, 선 종류, 직접 라벨을 붙입니다.
- 디자인 도구나 브라우저의 색각 이상 시뮬레이션으로 한 번 더 확인하고, 가능하면 당사자의 피드백을 받습니다.
흔한 오해와 정정
- 오해: 색맹은 흑백으로만 본다. 실제: 가장 흔한 유형은 적록 계열 구분 어려움이며, 완전히 색을 보지 못하는 경우는 드뭅니다.
- 오해: 빨강과 초록만 피하면 된다. 실제: 파랑-노랑 계열 이상도 있고, 명도가 비슷한 색은 어떤 조합이든 혼동될 수 있습니다.
- 오해: 시뮬레이터를 통과하면 충분하다. 실제: 시뮬레이션은 근사일 뿐이며 개인차가 있습니다.
- 오해: 접근성 배려는 소수만 위한 것이다. 실제: 대비와 패턴은 저시력자, 밝은 야외 환경의 사용자에게도 도움이 됩니다.
한계와 더 알아볼 점
색약 친화 팔레트가 모든 색각 이상 유형과 모든 조명·모니터 환경에서 완벽하게 구분되는 것은 아닙니다. 팔레트 수가 많아질수록 구분은 어려워지므로 항목이 많으면 색에 의존하지 말고 라벨·패턴·분리된 작은 그래프로 나누는 편이 안전합니다. WCAG의 대비 기준도 최소선일 뿐 충분조건이 아니므로 실제 사용자 테스트가 가장 확실합니다.
내 색각을 확인해보고 싶다면
간단한 색각 자가진단이 궁금하다면 색맹·색약 간이 자가진단 테스트도 확인해보세요.
자주 묻는 질문
색약 친화적 디자인은 색약이 아닌 사람에게도 도움이 되나요?
네, 명도 대비를 높이고 패턴을 함께 쓰는 디자인은 저시력자나 고령자, 밝은 야외 환경에서 화면을 보는 모든 사용자에게도 가독성을 높여줍니다.
색약 친화적인 팔레트를 어디서 찾을 수 있나요?
Okabe-Ito 팔레트처럼 색약 친화성을 검증받은 공개 팔레트들이 있으며, 색상 팔레트 생성기로 직접 대비를 확인하며 만들 수도 있습니다.
WCAG의 레벨 A와 AA는 무엇이 다른가요?
WCAG는 성공 기준을 A, AA, AAA로 나눕니다. 색의 사용(1.4.1)은 A, 최소 대비(1.4.3)는 AA 기준입니다. 많은 법·정책은 AA 충족을 목표로 하지만 구체 요건은 해당 국가의 규정을 확인해야 합니다.
색약이 있는지 스스로 알 수 있나요?
간이 테스트는 참고용이며, 화면과 조명에 따라 결과가 달라집니다. 정확한 판정은 안과의 정식 검사로 받으세요.