WCAG 색 대비 검사
전경과 배경의 상대 휘도로 대비율을 구하고 일반 글자와 큰 글자의 AA·AAA 기준을 비교합니다. 색상 조합을 평가하는 일부 검사이며 페이지 전체의 접근성을 인증하지 않습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
전경과 배경을 지원하는 HEX 색상으로 입력하세요. 투명도, 사진과 그라디언트 위 글자는 실제 합성 배경을 알아야 하므로 단일 색상 값만으로 판단하지 마세요.
결과 해설과 예제
검정과 흰색의 대비는 21:1입니다. 일반 글자의 AA는 4.5:1, 큰 글자는 3:1이 기준이며 4.499를 반올림해 통과로 처리해서는 안 됩니다.
한계와 주의사항
- 큰 글자는 크기와 굵기 조건을 충족해야 하며 단순히 크게 보인다는 판단으로 선택하지 마세요.
- 키보드 조작, 레이블과 의미 구조 같은 접근성 요구는 별도 점검 대상입니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 전경 (텍스트) HEX | 화면의 단위와 입력 형식을 확인하세요. |
| 배경 HEX | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
검정과 흰색의 대비는 얼마인가요?
검정과 흰색의 대비는 21:1입니다. 일반 글자의 AA는 4.5:1, 큰 글자는 3:1이 기준이며 4.499를 반올림해 통과로 처리해서는 안 됩니다.
통과하면 페이지가 접근성 인증을 받나요?
큰 글자는 크기와 굵기 조건을 충족해야 하며 단순히 크게 보인다는 판단으로 선택하지 마세요. 키보드 조작, 레이블과 의미 구조 같은 접근성 요구는 별도 점검 대상입니다.