색채대비접근성 (Color Contrast Accessibility)
쉽게 풀면
글자와 배경 색이 뚜렷하게 구분돼서 눈이 안 좋은 사람도 잘 읽을 수 있게 하는 것이다.
왜 중요한가
색 대비 접근성은 텍스트와 배경의 명도 차이를 수치화해 저시력·색각 이상 사용자도 읽을 수 있게 하는 기준으로, WCAG는 일반 텍스트 4.5:1, 큰 텍스트 3:1을 최소 기준으로 정합니다. 밝은 야외에서 화면을 보는 상황처럼 모든 사용자에게 유익하며, 공공 웹 접근성 인증과 소송 판례에서 가장 자주 지적되는 항목입니다. 배경에 이미지나 그라디언트가 있는 경우 텍스트 아래 영역의 대비가 위치마다 달라질 수 있어, 가장 대비가 약한 지점을 기준으로 최소 기준 충족 여부를 판단해야 한다. 버튼처럼 상호작용 가능한 요소의 테두리나 아이콘도 텍스트와는 별도의 대비 기준(3:1)이 WCAG에 정의되어 있어, 텍스트 대비만 확인하고 버튼 테두리 대비를 놓치는 실수가 흔하다. 다크 모드에서는 순수한 흰 텍스트와 순수한 검정 배경의 조합이 오히려 눈부심을 유발할 수 있어, 완전한 흑백 대신 약간 낮춘 명도 대비를 권장하는 가이드라인도 있다.
논문에서는 이렇게 쓰입니다
표준 대비 비율 준수가 실제 가독성에 미치는 영향을 실험한 접근성 연구이다.
색채대비접근성 기준을 실제 디자인 개선에 적용한 사례이다.
조금 더 깊게 보면
대비율은 두 색의 상대 휘도로 계산되어 색상(hue) 차이는 반영하지 않으므로, 빨강과 초록처럼 색상은 달라도 휘도가 비슷하면 낮은 대비로 판정됩니다. 이는 색각 이상 사용자를 보호하기 위한 의도적 설계입니다. 현행 공식이 어두운 배경에서 인간의 지각과 잘 맞지 않는다는 지적이 있어 APCA라는 새 대비 알고리즘이 차세대 WCAG 후보로 논의되고 있습니다. 비활성 상태 요소와 로고는 기준 적용 예외라는 점도 자주 잊히는 규정입니다. 대비 비율은 최소 1:1(구분 불가)에서 최대 21:1(순수 검정과 흰색)까지의 값으로 표현되며, WCAG AA 기준의 4.5:1은 흰 배경 위의 회색 텍스트로 치면 대략 #767676 정도가 기준을 겨우 통과하는 수준이다.
주의할 점
색채대비접근성은 색상만이 아니라 명도 차이에 기반하므로 색맹 사용자를 위해서도 명도 대비가 중요하다.