WCAG 명암비 검사기
WCAG 기준에 따라 색상 명암비 확인.
큰 예시 텍스트
이 문장은 WCAG 2.1 기준에 따라 색 대비를 확인하기 위한 일반 예시 텍스트입니다.
작은 크기에서의 가독성을 확인하기 위한 텍스트입니다.
대비 비율
7.00:1
AA 일반 텍스트
통과
최저한의 4.5:1
AAA 일반 텍스트
통과
최저한의 7:1
AA 큰 텍스트
통과
최저한의 3:1
AAA 큰 텍스트
통과
최저한의 4.5:1
WCAG 명암비 검사기: 웹 접근성
두 색상 사이의 명암비를 계산하고 WCAG 2.1 기준(AA 및 AAA)을 충족하는지 확인합니다.
웹 접근성을 위해 충분한 명암비를 확보하는 것은 시각 장애가 있는 사용자를 포함한 모든 사용자의 읽기 경험을 개선합니다.
우리의 도구는 실시간으로 명암비를 계산하고 다양한 크기의 텍스트가 포함된 미리보기를 표시하며, 조합이 AA 수준을 충족하지 않는 경우 요구 사항을 충족하는 원본에 가장 가까운 색상을 자동으로 제안합니다. 이는 웹 디자이너, 프런트엔드 개발자 및 모든 사용자가 콘텐츠에 액세스할 수 있도록 하려는 모든 사람에게 필수적인 도구입니다.
자주 묻는 질문
WCAG 명암비 기준은 무엇인가요?
WCAG 2.1에서는 두 가지 수준을 정의합니다: AA(일반 텍스트 4.5:1, 큰 텍스트 3:1)와 AAA(일반 텍스트 7:1, 큰 텍스트 4.5:1). AA가 최소 권장 기준입니다.
명암비는 어떻게 계산되나요?
WCAG 공식은 두 색상의 상대 휘도를 기반으로 합니다. 비율은 1:1(같은 색)에서 21:1(흰색과 검정)까지입니다.
큰 텍스트의 기준은 무엇인가요?
큰 텍스트는 일반 체중 18pt(24px) 이상 또는 볼드 14pt(18.66px) 이상입니다. 큰 텍스트는 더 낮은 명암비 기준이 적용됩니다.
더 알고 싶으신가요? 전체 가이드 읽기 →