색상 대비 검사기 - WCAG 2.1 준수

대비 검사기이란?

대비 검사기는 WCAG 2.1(웹 콘텐츠 접근성 지침) 기준에 따라 전경색과 배경색 간의 대비 비율을 계산하고 평가하는 도구예요. 텍스트 색상과 배경색 조합이 접근성을 위한 충분한 대비 비율을 갖추고 있는지 검증할 수 있어요.

관련 항목: 색상 코드 변환기 · 팔레트 생성기

사용 방법

1. 색상 선택기 또는 HEX 입력으로 전경색(텍스트 색상)을 지정해요
2. 색상 선택기 또는 HEX 입력으로 배경색을 지정해요
3. 대비 비율과 WCAG AA/AAA 판정 결과를 확인해요
4. 텍스트 미리보기로 실제 보이는 모습을 확인해요

FAQ

WCAG AA와 AAA의 차이는 무엇인가요?

AA는 최저 기준(일반 텍스트 4.5:1, 큰 텍스트 3:1)이고, AAA는 강화 기준(일반 텍스트 7:1, 큰 텍스트 4.5:1)이에요.

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

18px 이상, 또는 14px 이상의 굵은 텍스트가 큰 텍스트로 간주돼요.

이 도구는 어떻게 사용하나요?

색상 선택기 또는 HEX 입력으로 전경색과 배경색을 지정하면 대비 비율과 WCAG AA/AAA 판정이 즉시 표시돼요.

데이터가 서버로 전송되나요?

아니요. 처리는 브라우저에서만 이루어지며, 어떤 데이터도 서버로 전송되지 않아요.

대비 비율이 기준을 충족하지 않을 때는 어떻게 하나요?

텍스트 색상을 더 어둡게 하거나 배경을 더 밝게 조정하거나, 텍스트 크기를 키워 큰 텍스트 기준을 충족시키는 방법을 시도해 보세요.

관련 도구