WCAG 명도 대비 검사기

웹 접근성 준수를 위한 색상 조합을 테스트하세요. 시각적 피로도를 시뮬레이션하고 WCAG 2.2 표준을 충족하는 UI를 제작할 수 있습니다.

텍스트 색상 (Foreground)

배경 색상 (Background)

명도 대비 비율 (Contrast Ratio)

14.68:1

AAA 통과

AA 통과

AA Large 통과

실시간 미리보기

선택하신 색상 조합이 실제 컴포넌트에서 어떻게 읽히는지 확인해 보세요.

웹 접근성은 단순히 숫자를 맞추는 것이 아니라, 모든 사용자가 정보를 명확하게 인지할 수 있도록 하는 배려입니다.

단순히 숫자만 보여주는 일반적인 대비 검사기와 달리, 당사의 도구는 선택한 색상이 실제 UI 컴포넌트에서 어떻게 작동하는지 시뮬레이션합니다. 텍스트, 버튼, 폼이 실제로 읽기 편한지 즉각적으로 판단할 수 있습니다.

최신 웹 지침을 따릅니다. 일반 텍스트는 4.5:1(AA), 큰 텍스트는 3:1 이상의 대비가 필요합니다.

낮은 대비는 시각 장애가 있는 사용자뿐만 아니라, 열악한 조명 환경의 모든 사용자에게 어려움을 줍니다.

WCAG 2.2에 따르면, 일반 텍스트는 최소 4.5:1 비율(AA 레벨)을 충족해야 합니다. 큰 텍스트는 최소 3:1이 기준입니다.

모두가 콘텐츠를 이용할 수 있도록 정한 가이드라인입니다. 시각적 피로도와 환경 요인이 가독성에 미치는 영향을 고려합니다.

관계 맵을 확인해 보세요: