ìì ëë¹ ê²ì¬ê¸°
í ì¤í¸ì ë°°ê²½ ìì ê°ì WCAG ìì ëë¹ì¨ì íì¸í©ëë¤.
í° í ì¤í¸ 미리보기
ì¼ë° í ì¤í¸ 미리보기ë ì´ë ê² ë³´ì ëë¤.
ìì ëë¹ ê²ì¬ê¸° ì ë³´
í ì¤í¸ì ë°°ê²½ ìì ì¡°í©ì´ WCAG 2.1 ì ê·¼ì± ëë¹ ì구ì¬íì 충족íëì§ íì¸í©ëë¤. AAë ê¶ì¥ ìµì íì¤ì´ë©°, AAAë ë ëì ê°ë ì±ì ìí ê°í íì¤ì ëë¤.
이 도구란?
전경(텍스트)과 배경 색상 조합이 WCAG 2.1 접근성 대비 표준을 충족하는지 확인합니다. 대비율을 즉시 확인하고 AA 및 AAA 준수 수준에 대한 통과/실패 결과를 확인하세요.
사용 방법
- 전경(텍스트) 색상의 16진수 값을 선택하거나 입력하세요.
- 배경 색상의 16진수 값을 선택하거나 입력하세요.
- 실시간 미리보기와 각 WCAG 수준에 대한 통과/실패 결과를 확인하세요.
주요 활용 사례
- 디자인을 출시하기 전 텍스트와 배경 색상 선택이 접근성 가이드라인을 충족하는지 검증
- 버튼, 링크, 본문 텍스트에 읽기 쉬운 색상 조합 선택
- 기존 웹사이트나 앱의 접근성 준수 여부 감사
활용 팁
- AA(4.5:1)는 대부분의 웹사이트가 일반 텍스트에 충족해야 하는 최소 표준입니다.
- 큰 텍스트(18pt 이상 또는 굵은 14pt 이상)는 낮은 대비에서도 읽기 쉬우므로 요구되는 비율이 더 낮습니다.
자주 묻는 질문
WCAG AA와 AAA 준수의 차이는 무엇인가요?
AA는 대부분의 웹사이트가 충족해야 하는 최소 표준이며 일반 텍스트에 대해 4.5:1 대비 비율이 필요합니다. AAA는 최대 가독성이 중요한 콘텐츠에 사용되는 7:1을 요구하는 더 엄격한 표준입니다.
큰 텍스트에 낮은 필수 대비 비율이 있는 이유는 무엇인가요?
더 큰 텍스트(18pt+ 정규, 14pt+ 굵음)는 낮은 대비에서도 읽기가 더 쉬우므로 WCAG는 일반 텍스트와 비교하여 AA 준수를 위해 감소된 3:1 최소 비율을 설정합니다.
대비 비율이 실제로 계산되나요?
WCAG 공식을 기반으로 두 색상의 상대 휘도를 계산한 다음 1:1(동일한 색상, 대비 없음)에서 21:1(최대 대비, 검은색 흰색)까지의 비율로 표현됩니다.
내 색상 조합이 대비 검사에 실패한다면?
텍스트 색상을 어둡게, 배경을 밝게, 또는 큰 텍스트 임계값 아래로 떨어지는 텍스트 크기를 늘려 더 낮은 필수 비율을 맞도록 시도합니다.
내가 테스트한 색상이 어디에도 전송되나요?
아니요. 대비 비율이 표준 WCAG 공식을 사용하여 브라우저에서 로컬로 계산됩니다——색상 데이터가 전송되거나 저장되지 않습니다.
텍스트와 배경 색상 간 WCAG 색상 대비율을 확인하세요. AA/AAA 접근성 준수 여부를 무료로 즉시 확인할 수 있습니다.