필요한 명암비는 얼마인가요?

WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트와 버튼, 아이콘 같은 인터페이스 요소에 3:1을 요구합니다. AAA는 7:1과 4.5:1을 요구합니다.

큰 텍스트의 기준은 무엇인가요?

일반 굵기는 18포인트(24px) 이상, 굵은 글씨는 14포인트(약 18.7px) 이상입니다.

네. 반투명 텍스트 색상은 명암비를 측정하기 전에 배경과 섞어 계산합니다.

WCAG는 비율을 반올림하지 않도록 규정하므로, 4.5:1 미만은 일반 텍스트의 AA 기준을 충족하지 않습니다.

네. 가입이나 설치 없이 무료로 사용할 수 있습니다.

무료, 가입 불필요, 브라우저에서 작동합니다. WCAG 명암비로 텍스트가 배경 위에서 잘 읽히는지 확인하세요. 일반 텍스트, 큰 텍스트, 컨트롤에 대한 AA와 AAA 결과를 보고, 기준을 통과하는 가장 가까운 색을 추천받을 수 있습니다.

텍스트 색상배경

큰 텍스트는 이렇게 보입니다

일반 본문 텍스트는 이렇게 보입니다. 다람쥐 헌 쳇바퀴에 타고파, 그리고 캡션 같은 작은 글씨가 아래에 놓입니다.

작은 텍스트: 14px 캡션.

버튼

대비율13.08:1

WCAG 2 대비 공식을 사용합니다. 비율은 절대 올림하지 않으므로 4.49:1은 4.5:1로 인정되지 않습니다. 내 기기에서 확인합니다.

필요한 명암비는 얼마인가요?: WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트와 버튼, 아이콘 같은 인터페이스 요소에 3:1을 요구합니다. AAA는 7:1과 4.5:1을 요구합니다.
큰 텍스트의 기준은 무엇인가요?: 일반 굵기는 18포인트(24px) 이상, 굵은 글씨는 14포인트(약 18.7px) 이상입니다.
투명한 텍스트 색상도 처리하나요?: 네. 반투명 텍스트 색상은 명암비를 측정하기 전에 배경과 섞어 계산합니다.
4.49:1은 왜 실패인가요?: WCAG는 비율을 반올림하지 않도록 규정하므로, 4.5:1 미만은 일반 텍스트의 AA 기준을 충족하지 않습니다.
색상 대비 검사기은(는) 무료인가요?: 네. 가입이나 설치 없이 무료로 사용할 수 있습니다.