명도 대비 검사기
텍스트와 배경색의 모든 조합에 대해 WCAG AA 및 AAA 규정 준수를 확인하세요.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
WCAG 명도 대비 준수란?
WCAG(웹 콘텐츠 접근성 지침)는 저시력 또는 색맹 사용자를 위한 가독성을 확보하기 위해 텍스트와 배경 사이의 최소 명도 대비 비율을 정의합니다. AA 수준은 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1이 필요합니다.
AA 대 AAA - 어느 것을 목표로 해야 하나요?
AA는 대부분의 접근성 규정(유럽 EN 301 549, 미국 Section 508)의 법적 최소 기준입니다. AAA는 금 표준입니다. 대부분의 팀은 모든 텍스트에 AA를, 가능한 경우 본문 텍스트에 AAA를 목표로 합니다.
"큰 텍스트"로 간주되는 것은?
WCAG는 큰 텍스트를 일반 굵기에서 18pt(24px) 이상, 또는 굵게 표시된 14pt(18.67px) 이상으로 정의합니다. 큰 텍스트는 크기 자체가 가독성을 돕기 때문에 더 관대한 명도 대비 비율(AA의 경우 3:1)이 적용됩니다.
이 도구 사용 방법
색상 선택기를 사용하거나 16진수 코드를 직접 입력하여 텍스트 색상과 배경색을 선택하세요. 명도 대비 비율이 즉시 업데이트되고 네 가지 WCAG 검사(AA 일반, AA 대형, AAA 일반, AAA 대형) 모두 실시간으로 합격 또는 불합격을 표시합니다.