WCAG 대비 체커 FAQ
대비비율·AA/AAA·계산 방식에 대한 자주 묻는 7개 질문.
자주 묻는 질문 (7)
WCAG AA는 대비비율 몇 이상이어야 하나요?
AA(SC 1.4.3)는 일반 텍스트 4.5:1 이상, 대형 텍스트 3:1 이상을 요구합니다. UI 컴포넌트와 의미 있는 그래픽은 SC 1.4.11에 따라 3:1 이상이어야 합니다. 측정된 대비비율이 기준값 이상일 때 통과로 판정합니다.
AAA는 얼마가 필요한가요?
AAA(SC 1.4.6)는 더 엄격합니다. 일반 텍스트 7:1, 대형 텍스트 4.5:1 이상을 요구합니다. 비텍스트(UI) 대비에는 AAA 수준이 없어 3:1이 그대로 기준선입니다. 긴 본문 글에는 AAA가 좋은 목표지만, 대부분의 정책이 요구하는 수준은 AA입니다.
"대형 텍스트"의 기준은 무엇인가요?
대형 텍스트는 일반 굵기 18pt(약 24px) 이상, 또는 굵게(bold) 14pt(약 18.66px) 이상입니다. 대형 텍스트는 완화된 3:1(AA)·4.5:1(AAA) 기준을 적용할 수 있습니다. 그보다 작으면 일반 텍스트로 4.5:1(AA)·7:1(AAA)을 만족해야 합니다.
대비비율은 어떻게 계산하나요?
각 sRGB 채널을 0~1로 정규화한 뒤 선형화합니다(값이 0.03928 이하면 c/12.92, 아니면 ((c+0.055)/1.055)^2.4). 이 선형 채널로 상대 휘도 L = 0.2126R + 0.7152G + 0.0722B를 구하고, (밝은쪽 L + 0.05) / (어두운쪽 L + 0.05)로 비율을 만듭니다.
회색 #777777은 흰 배경에서 실패하는데 #767676은 통과하는 이유는?
대비는 4.5:1 경계 부근에서 매우 민감합니다. 중간 회색 #777777은 흰 배경 대비 약 4.48:1로 AA 최소치에 살짝 못 미쳐 일반 텍스트에서 실패합니다. 한 단계 어두운 #767676은 약 4.54:1로 통과합니다. 정확한 계산기가 눈대중보다 나은 이유입니다.
투명도(알파)는 결과에 영향을 주나요?
본 도구는 알파를 무시하고 모든 색을 불투명으로 처리합니다. 실제 반투명 텍스트는 뒤 배경과 섞여 유효 색과 대비가 달라집니다. 먼저 실제 배경 위에서 합성한 RGB를 계산해 불투명 색으로 만든 뒤, 그 결과 색을 여기서 검사하세요.
APCA / WCAG 3와 같은 건가요?
아닙니다. 본 체커는 현재 W3C 권고안인 WCAG 2.x 대비비율 알고리즘을 사용합니다. APCA(고급 지각 대비 알고리즘)는 진행 중인 WCAG 3 초안의 일부로 아직 표준이 아니며 결과·기준이 다릅니다. 현재 준수 판정에는 WCAG 2.x를 사용하세요.