텍스트와 배경색의 대비 비율을 확인하고 WCAG 기준을 검사합니다
Aa
텍스트 미리보기
The quick brown fox jumps over the lazy dog
WCAG (Web Content Accessibility Guidelines)는 웹 접근성 표준입니다. AA 레벨은 최소 요구사항이며, AAA 레벨은 권장사항입니다.
전경색과 배경색의 명도 대비 비율을 계산해 WCAG AA·AAA 기준 통과 여부를 알려 줍니다.
버튼 텍스트·본문·힌트 문구의 색을 정할 때, 접근성 심사 전에 색 조합을 검증할 때 씁니다.
일반 텍스트는 4.5:1, 24px 이상 큰 글자는 3:1 이 AA 기준입니다. 회색 힌트 텍스트가 가장 자주 탈락하니 #767676 보다 어둡게 쓰세요.
필수는 아닙니다. 본문은 AA(4.5:1), 중요 안내문은 AAA(7:1) 를 목표로 잡으면 충분합니다.