전경색과 배경색을 붙여넣거나(또는 스크린샷에서 선택) 대비 비율과 통과하는 WCAG 레벨을 확인하세요. WCAG 2.1 AA는 대부분의 국가에서 법적 접근성 기준이며, AAA는 중요한 콘텐츠에 권장되는 더 높은 기준입니다.
임계값
- WCAG AA, 일반 텍스트: 최소 4.5:1.
- WCAG AA, 큰 텍스트(18pt 이상 또는 14pt 이상 굵게): 최소 3:1.
- WCAG AAA, 일반 텍스트: 최소 7:1.
- WCAG AAA, 큰 텍스트: 최소 4.5:1.
- 비텍스트 UI 구성 요소(버튼, 양식 테두리): 최소 3:1(WCAG 2.1+).
대비가 중요한 이유
대비가 낮은 텍스트는 저시력 사용자(인구의 약 4%), 밝은 햇빛 아래 사용자, 저가 모니터 사용자, 노화된 눈(결국 모든 사람)에게 읽기 어렵습니다. 많은 디자인 시스템이 디자이너의 보정된 5K 디스플레이에서는 우아해 보이기 때문에 회색 위에 회색을 기본으로 사용하지만, 다른 곳에서는 읽을 수 없습니다.
WCAG AA를 충족하지 못하는 것은 미국(ADA Title III), EU(EAA) 및 기타 여러 국가에서 법적 조치를 받을 수 있습니다. 저렴한 보험: 출시 전에 모든 텍스트/배경 쌍을 검사기로 확인하세요.
제공 정보
- 대비 비율 숫자(예: 4.71:1).
- 통과/실패 각 WCAG 레벨 및 텍스트 크기별.
- 제안 수정: 통과할 수 있는 가장 가까운 어두운 전경색 또는 밝은 배경색.
- 라이브 미리보기 해당 색상 쌍의 샘플 텍스트 포함.
색맹 시뮬레이터와 함께 사용
대비와 색맹은 서로 다른 접근성 축입니다. 동일한 UI에서 색맹 시뮬레이터를 실행하여 CVD 사용자에게도 적합한지 확인하세요.
자주 묻는 질문
'큰 텍스트'의 정의는 무엇인가요?
WCAG: 18pt 일반체 또는 14pt 굵은체. CSS로는 약 24px 일반체 또는 19px 굵은체에 해당합니다.
그라데이션에서도 작동하나요?
최악의 지점을 테스트해보세요 — 일반적으로 그라데이션에서 가장 밝은 부분을 전경과 비교하면 됩니다.
스크린샷으로 확인할 수 있나요?
네 — 스크린샷을 업로드하고 전경색과 배경색을 클릭하세요.
허용 가능한 최소 명도 대비 비율은?
WCAG AA: 본문 텍스트의 경우 4.5:1입니다. 이보다 낮은 비율은 기준을 충족하지 못합니다.
더 어둡다고 항상 더 좋은 건가요?
가독성을 위해서는 대비가 높을수록 좋습니다. 하지만 순수한 검정색과 순수한 흰색은 너무 강할 수 있어, 많은 시스템에서 #1A1A1A와 #FAFAFA를 사용해 AAA 기준을 통과하면서도 약간 부드러운 대비를 제공합니다.
아이콘 대비는 어떤가요?
WCAG 2.1에서는 버튼, 폼 테두리, 포커스 링과 같은 비텍스트 UI 구성 요소에 대해 최소 3:1 대비를 추가했습니다.
색상 쌍을 일괄 확인할 수 있나요?
프리미엄: 쌍의 CSV를 붙여넣으면 하나의 보고서에서 모든 비율을 확인할 수 있습니다.
업로드는 비공개인가요?
네 — 24시간 내에 삭제됩니다.
정보 대비 검사기
대비 검사기 Wallpapers.com의 무료 온라인 도구로, 브라우저에서 완전히 실행됩니다 — 설치 불필요, 워터마크 없음, 첫 시도 시 이메일 가입 불필요.
전경/배경 색상 쌍이 WCAG 접근성 기준을 통과하는지 확인합니다.
사용 방법 대비 검사기
- 업로드 영역에 이미지 드래그 (단일 또는 일괄 — 상단에서 Bulk 전환)
- 도구가 제공하는 설정 선택 (크기, 형식, 품질)
- 실행 클릭. 결과가 자동 다운로드 — 수동 저장 불필요
사용 시기
일반적인 사용 사례:
웹 업로드, 전자상거래 목록, 형식 제약이 있는 소셜 미디어 플랫폼용 이미지 준비, 기기 또는 앱 간 파일 변환
Free vs Premium
모든 방문자에게 무료 체험 제공; 로그인 무료 사용자는 더 높은 일일 할당량. 구독
프리미엄
무제한 실행, 작업당 최대 200개 이미지 일괄 처리, 우선 큐, 광고 없는 탐색
관련 도구
약간 다른 것을 찾고 계신가요? 시도해보세요
EXIF 제거기
,
EXIF 메타데이터 제거
또는
EXIF 뷰어
— or browse all
메타데이터 및 접근성 도구.
