색상 대비 체커 - WCAG 접근성 검사 | 툴허브

텍스트와 배경 색상의 WCAG 대비율을 검사하세요. AA/AAA 등급 확인, 접근성 준수 색상 추천, 실시간 미리보기를 제공합니다.

웹 접근성 색상 대비 기준은?

WCAG 2.1 기준으로 AA 등급은 일반 텍스트 4.5:1, 큰 텍스트(18pt+) 3:1의 명도 대비가 필요합니다. AAA 등급은 일반 텍스트 7:1, 큰 텍스트 4.5:1입니다. UI 컴포넌트와 그래픽은 최소 3:1이 필요합니다. 한국의 웹 접근성 인증(KWCAG)도 이 기준을 따릅니다. 장애인차별금지법에 따라 공공기관과 일정 규모 이상 기업은 웹 접근성을 준수해야 합니다.

색맹/색약 사용자를 위한 디자인 팁은?

① 색상만으로 정보를 전달하지 않기 (아이콘, 패턴, 텍스트 병행) ② 빨강-초록 조합 피하기 (가장 흔한 색맹 유형) ③ 파랑-주황 조합이 색맹에 안전 ④ 충분한 명도 대비 확보 ⑤ 그래프에서 색상 외에 패턴이나 라벨 사용 ⑥ 시뮬레이션 도구로 테스트. 전 세계 남성의 약 8%, 여성의 약 0.5%가 색각 이상이므로 반드시 고려해야 합니다.

색상 대비 체커(WCAG 접근성 검사)란?

색상 대비 체커는 텍스트와 배경 색상 간의 명도 대비율을 WCAG 2.1 국제 접근성 기준에 따라 검사하는 도구입니다. 웹 디자이너, 퍼블리셔, 프론트엔드 개발자가 색각 이상 사용자 포함 모든 사람이 텍스트를 쉽게 읽을 수 있도록 AA·AAA 등급 준수 여부를 실시간으로 확인할 수 있습니다. 한국의 웹 접근성 인증(KWCAG)과 장애인차별금지법 준수에도 필수적인 도구입니다.

Loading...