WCAG 대비 비율 계산

WCAG 접근성 대비 비율 계산 및 평가

전경색 (텍스트)

배경색

대비 비율

21:1

일반 텍스트 (Normal Text)

AA (4.5:1) 통과

AAA (7:1) 통과

큰 텍스트 (Large Text)

AA (3:1) 통과

AAA (4.5:1) 통과

미리보기

일반 텍스트 (14px) - 본문에 사용되는 기본 크기의 텍스트입니다.

큰 텍스트 (18px Bold 또는 24px) - 제목이나 강조 텍스트에 사용됩니다.

WCAG 대비 비율 기준

• AA 일반 텍스트: 최소 4.5:1
• AAA 일반 텍스트: 최소 7:1
• AA 큰 텍스트: 최소 3:1
• AAA 큰 텍스트: 최소 4.5:1
• 큰 텍스트: 18px 이상 또는 14px Bold 이상
• 접근성을 위해 AA 이상 권장