색상, 패턴, 직접 레이블

남성 12명 중 약 1명은 특정 색상을 안정적으로 구분하지 못합니다. 차트에서 빨간색이 손실을 뜻한다고 해도 이러한 사용자는 색상 차이를 전혀 알아차리지 못합니다. 🎨

모든 계열을 색상 외에 두 번째 채널로도 표현하세요. 패턴, 모양 또는 직접 레이블을 사용할 수 있습니다. 색상은 유용한 보조 수단이지 유일한 단서가 되어서는 안 됩니다.

막대와 영역에 줄무늬나 점과 같은 서로 다른 패턴을 적용하세요. 흑백으로 보더라도 채우기 모양으로 계열을 구분할 수 있습니다.

선 차트에서는 원, 사각형, 삼각형처럼 서로 다른 모양으로 지점을 표시하세요. 색상에 의존하지 않아도 각 선을 구분할 수 있습니다.

별도의 범례는 색상을 맞춰 보는 수고를 요구합니다. 레이블을 선이나 조각 위에 직접 배치해 이름이 데이터 옆에 놓이게 하세요.

빨간색과 초록색처럼 일부 색상 조합은 특히 구분하기 어렵습니다. Okabe-Ito와 같은 색각 이상 안전 팔레트는 이러한 충돌을 피합니다.

서로 인접한 계열과 텍스트 레이블에는 충분한 대비가 필요합니다. WCAG는 의미 있는 그래픽 요소 사이에 최소 3 대 1의 대비를 요구합니다.

빠르게 확인해 보세요. 차트를 흑백으로 표시해 보세요. 계열을 구분할 수 없다면 색각 이상 사용자도 구분할 수 없습니다. 배포 전에 수정하세요.

이처럼 단서를 겹쳐 사용하는 방식을 중복 인코딩이라고 합니다. 색상, 패턴, 레이블을 함께 사용하면 한 단서가 사라져도 차트를 명확하게 읽을 수 있습니다.

균형이 중요합니다. 모든 패턴을 한꺼번에 사용하면 복잡하고 시끄러워집니다. 각 계열이 뚜렷하게 구분될 만큼만 추가해 차트를 안정적으로 유지하세요.

직접 레이블과 패턴은 햇빛 아래, 저가 화면 또는 흑백으로 인쇄된 차트에서도 유용합니다. 모두에게 도움이 됩니다. ☀️

차트 계열을 구분할 때 색상만 사용하는 것이 좋지 않은 이유는 무엇일까요?

색상에만 의존해서는 안 된다는 것을 배웠습니다. 패턴, 모양 또는 직접 레이블을 추가하고, 안전한 팔레트를 선택하며, 흑백으로 테스트하세요. 🖤