시각적 계층
다람쥐 헌 쳇바퀴에 타고파. 가독성은 접근성에 필수적입니다.
색상 대비 비율을 즉시 확인하고 WCAG 2.1 준수 여부를 검증하세요. 두 가지 색상을 입력하면 일반 텍스트, 큰 텍스트, UI 구성 요소에 대해 AA 또는 AAA 기준을 통과하는지 확인할 수 있습니다. 접근성 요구 사항을 충족하지 못할 경우 자동 수정 제안을 받아보세요.
AA(일반 텍스트 4.5:1, 큰 텍스트 3:1) 및 AAA(7:1 / 4.5:1) 기준에 대해 테스트하세요. 통과/실패 상태를 한눈에 확인할 수 있습니다.
대비가 실패하면 디자인 의도를 유지하면서 접근성 기준을 충족하는 색상 조정 제안을 받아보세요.
배경색 위에서 텍스트가 실제로 어떻게 보이는지 확인하세요. 일반 텍스트, 큰 텍스트, UI 요소를 실시간으로 미리볼 수 있습니다.
HEX, RGB 또는 HSL로 색상을 입력하세요. 검사기가 자동으로 변환을 처리하므로 선호하는 형식으로 작업할 수 있습니다.
WCAG AA 기준: 일반 텍스트는 최소 4.5:1, 큰 텍스트(18pt 또는 14pt 굵게)는 최소 3:1, 텍스트가 아닌 UI 구성 요소는 최소 3:1이 필요합니다.
AAA는 더 엄격한 기준입니다: 일반 텍스트 7:1, 큰 텍스트 4.5:1입니다. 대부분의 디자인 시스템은 AA를 최소 기준으로 삼고 AAA를 목표로 설정합니다.
아닙니다. WCAG 2.1은 의미를 전달하는 UI 구성 요소(버튼, 입력 테두리, 아이콘) 및 그래픽 객체에 대해 3:1 대비도 요구합니다.
약 8%의 남성과 0.5%의 여성이 색각 이상을 가지고 있습니다. 좋은 대비는 저시력자, 밝은 햇빛 아래, 또는 저품질 화면에서도 모든 사람이 콘텐츠를 읽을 수 있도록 보장합니다.