21.0 : 1
AAA

WCAG AA

통과
일반 텍스트 (4.5:1)
큰 텍스트 (3:1)
UI 컴포넌트 (3:1)

WCAG AAA

통과
일반 텍스트 (7:1)
큰 텍스트 (4.5:1)

미리보기

접근성 있는 디자인

웹 접근성은 모든 사용자가 웹 콘텐츠를 이용할 수 있도록 보장하는 것입니다. 적절한 색상 대비는 시각 장애가 있는 사용자도 텍스트를 쉽게 읽을 수 있게 합니다.

💡 개선 권장 사항

WCAG 색상 대비 기준

AA 레벨 (최소)

  • 일반 텍스트: 4.5:1
  • 큰 텍스트 (18pt+ 또는 14pt 굵게): 3:1
  • UI 컴포넌트: 3:1

AAA 레벨 (향상)

  • 일반 텍스트: 7:1
  • 큰 텍스트: 4.5:1

WCAG 검사기란?

웹 접근성을 쉽고 빠르게 검사할 수 있는 무료 온라인 도구입니다

🌐

WCAG란 무엇인가요?

WCAG (Web Content Accessibility Guidelines)는 웹 콘텐츠 접근성 지침서로, W3C에서 제정한 국제 표준입니다. 모든 사용자가 웹 콘텐츠를 동등하게 이용할 수 있도록 색상 대비, 텍스트 크기, 키보드 접근성 등을 명확한 기준으로 제시합니다.

💡 WCAG 2.1 기준을 준수하면 시각 장애, 색맹, 저시력 사용자도 웹사이트를 쉽게 이용할 수 있습니다.

왜 중요한가요?

👥
포용적 디자인

모든 사용자가 동등하게 정보에 접근할 수 있습니다.

⚖️
법적 준수

많은 국가에서 웹 접근성은 법적 의무사항입니다.

📈
SEO 및 사용성 향상

접근성 개선은 검색 엔진 최적화와 사용자 경험 향상으로 이어집니다.

🚀

사용 방법

1

색상 선택

전경색(텍스트 색상)과 배경색을 선택하거나 HEX 코드를 입력하세요.

2

폰트 설정

텍스트 크기와 굵기를 조정하여 "큰 텍스트" 기준 적용 여부를 확인하세요.

3

결과 확인

대비율과 WCAG AA/AAA 통과 여부를 실시간으로 확인하세요.

4

개선 적용

통과하지 못한 경우, 권장 색상을 클릭하여 즉시 적용할 수 있습니다.

🎯

주요 기능

📊 정확한 대비율 계산
WCAG AA/AAA 검사
👁️ 실시간 미리보기
💡 개선 권장 사항
빠른 프리셋
📋 결과 복사