대비 검사기
WCAG 2.1 가이드라인에 따라 색상 대비율을 즉시 확인하세요. 텍스트가 읽기 쉽고 디자인이 모든 사람에게 접근 가능한지 확인하세요. 무료이며 사용하기 쉽습니다.
Advertisement
Advertisement
How to Use
- 1색상 입력 텍스트 및 배경색의 HEX 코드를 입력하세요.
- 2미리보기 보기 실시간으로 텍스트가 어떻게 보이는지 확인하세요.
- 3비율 확인 계산된 대비율을 검토하세요.
- 4규정 준수 확인 WCAG AA/AAA 표준을 통과하는지 확인하세요.
접근성이 중요한 이유
더 넓은 잠재고객에게 도달
색각 이상이 있는 사람들(남성의 약 12명 중 1명, 여성의 200명 중 1명)과 저시력자들이 콘텐츠를 사용할 수 있도록 만드세요.
모두를 위한 경험 향상
좋은 대비는 특히 어두운 화면이나 밝은 햇빛 아래에서 모든 사람의 가독성을 향상시킵니다.
WCAG 등급 이해하기
레벨 AA (표준)
일반 텍스트는 4.5:1, 큰 텍스트는 3:1이 필요합니다. 대부분의 웹사이트의 표준 목표입니다.
레벨 AAA (강화)
일반 텍스트는 7:1, 큰 텍스트는 4.5:1이 필요합니다. 심각한 시력 손실이 있는 사용자를 위한 향상된 접근성입니다.
100% 비공개 및 보안
이 대비 검사기는 전적으로 브라우저에서 실행됩니다. 서버로 데이터가 전송되지 않습니다.
FAQ
색상 대비란 무엇이며 왜 중요한가요?
색상 대비는 전경색과 배경색 간의 밝기 차이입니다. 높은 대비는 시각 장애가 있는 사람들이 콘텐츠를 효과적으로 인식할 수 있도록 보장합니다.
로고도 이 표준을 충족해야 하나요?
아니요, WCAG 가이드라인은 로고나 브랜드 이름의 일부인 텍스트 및 순전히 장식용인 텍스트에 대한 예외를 제공합니다.
낮은 대비율을 어떻게 수정할 수 있나요?
밝기 차이를 늘리세요. 밝은 색을 더 밝게 하거나 어두운 색을 더 어둡게 만드세요. 실시간 미리보기를 사용하여 실험해 보세요.