WCAG 대비 검사기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
전경과 배경 색을 선택하면 WCAG 대비비와 일반 텍스트, 큰 텍스트, UI 컴포넌트용 AA/AAA 배지를 확인할 수 있습니다.
어떤 비율이 통과로 간주되나요
WCAG AA 는 일반 텍스트에 4.5:1, 큰 텍스트 (≥18 px regular 또는 ≥14 px bold) 에 3:1 을 요구하고, AAA 는 각각 7:1, 4.5:1 로 강화합니다.
UI 컴포넌트 3:1 규칙은 무엇인가요
WCAG 2.1 의 1.4.11 항은 아이콘, 폼 필드 테두리 등 정보를 전달하는 비텍스트 UI 요소에 3:1 대비를 요구합니다. 이 도구의 배지가 그 케이스를 다룹니다.
반투명 색상도 다루나요
값을 rgba 로 주고 배경이 불투명하면 처리됩니다. 여러 겹의 투명이 쌓인 경우 미리 평면화해야 하고, 파서가 값을 읽지 못하면 경고를 보여 줍니다.
자주 묻는 질문
- 어떤 비율이 통과로 간주되나요?
- WCAG AA 는 일반 텍스트에 4.5:1, 큰 텍스트 (≥18 px regular 또는 ≥14 px bold) 에 3:1 을 요구하고, AAA 는 각각 7:1, 4.5:1 로 강화합니다.
- UI 컴포넌트 3:1 규칙은 무엇인가요?
- WCAG 2.1 의 1.4.11 항은 아이콘, 폼 필드 테두리 등 정보를 전달하는 비텍스트 UI 요소에 3:1 대비를 요구합니다. 이 도구의 배지가 그 케이스를 다룹니다.
- 반투명 색상도 다루나요?
- 값을 rgba 로 주고 배경이 불투명하면 처리됩니다. 여러 겹의 투명이 쌓인 경우 미리 평면화해야 하고, 파서가 값을 읽지 못하면 경고를 보여 줍니다.
- 무엇이라도 업로드되나요?
- 아니요. 계산은 이 페이지의 작은 함수이며 색상은 브라우저를 떠나지 않습니다.