WCAG 명암 대비 기준이란?
W3C의 웹 콘텐츠 접근성 지침(WCAG)은 텍스트와 배경 사이에 충분한 명암 대비를 요구합니다. AA 레벨은 일반 텍스트 4.5:1, 18pt 이상 큰 텍스트 3:1이 최소 기준입니다. AAA 레벨은 더 엄격해 일반 텍스트 7:1, 큰 텍스트 4.5:1을 요구합니다.
명암 대비가 낮으면 저시력자, 색각 이상자, 강한 햇빛 아래 모바일 사용자가 콘텐츠를 읽기 어려워집니다. 국내 장애인차별금지법과 한국형 웹 콘텐츠 접근성 지침(KWCAG)도 WCAG AA 수준을 준수하도록 권고합니다.
색각 이상자를 위한 설계 원칙
색깔만으로 정보를 전달하지 않아야 합니다. 오류 표시에 빨간색만 사용하는 것이 아니라 아이콘이나 텍스트를 함께 써야 합니다. 적록 색각 이상(제1·2 색각)이 가장 흔하므로, 빨강-초록 조합만으로 의미를 구분하는 디자인은 피해야 합니다.
자주 묻는 질문
WCAG AA와 AAA 기준의 차이는?
AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1이 기준입니다. AAA는 일반 텍스트 7:1, 큰 텍스트 4.5:1로 더 엄격합니다.
명암 대비 비율이 낮으면 어떤 문제가 생기나요?
저시력자, 색각 이상자, 직사광선 아래 사용자가 텍스트를 읽기 어려워집니다. 접근성 법령 위반으로 이어질 수도 있습니다.
흰 배경에서 AA를 통과하는 최소 회색 명도는?
#767676 수준의 어두운 회색이 흰 배경 대비 약 4.54:1로 AA를 간신히 통과합니다. 이보다 밝은 회색은 AA 미달입니다.