색상 대비 검사기

색상 대비 검사기 - WCAG 접근성 도구란 무엇인가요?

색상 대비 검사기는 웹 접근성 도구입니다. 이 도구는 전경 색상(텍스트)과 배경 색상의 상대적인 밝기를 수학적으로 평가하여 시각 장애 사용자가 텍스트를 편안하게 읽을 수 있을 만큼 충분한 시각적 차이가 있는지 판단합니다.

색상 대비 검사기 - WCAG 접근성 도구 사용 방법

1. 텍스트/전경 색상의 HEX 코드를 입력하세요.
2. 배경 색상의 HEX 코드를 입력하세요.
3. 이 도구는 명암비를 계산합니다(예: 4.5:1).
4. WCAG AA 및 AAA 기준에 대한 통과/실패 등급을 표시합니다.

예시

당신은 순수한 검정 텍스트(#000000)를 순수한 흰색 배경(#FFFFFF)에서 테스트합니다. 이 도구는 정확히 21:1의 최대 가능한 대비 비율을 계산하여 모든 AAA 접근성 요구 사항을 쉽게 충족합니다.

결과 이해하기

비율이 높을수록 텍스트를 읽기 쉽습니다. 웹 콘텐츠 접근성 지침(WCAG)은 일반 텍스트에 대해 최소 4.5:1의 비율(AA 기준)을, 엄격한 접근성(AAA 기준)에는 7:1의 비율을 요구합니다.

일반적인 사용 사례

• 웹 접근성 감사: 기업 웹사이트가 가독성과 관련하여 ADA 준수 법규를 위반하지 않도록 보장합니다.
• UI/UX 디자인: 흰색 입력 필드 안의 연한 회색 플레이스홀더 텍스트가 읽기 어려운지 확인하기.
• 브랜드 가이드라인: 마케팅 그래픽에서 브랜드 색상이 서로 겹쳐도 안전한지 확인하기.

작동 원리

이 도구는 두 HEX 코드를 RGB로 변환하고, 특정 수학 공식을 적용하여 두 색상의 '상대 밝기'를 계산한 다음, 더 밝은 밝기를 더 어두운 밝기로 나눕니다. 결과는 1:1(대비 없음)에서 21:1(최대 대비) 사이의 비율입니다.