어떤 기준을 확인하나요?
일반 텍스트는 4.5:1 및 7:1, 큰 텍스트는 3:1 및 4.5:1, UI 구성 요소는 3:1을 확인합니다.
색상 조합을 배포하기 전에 WCAG 대비 확인
색상 대비 검사기를 사용해 전경색과 배경색을 일반적인 WCAG 대비 기준에 맞춰 테스트하세요. 색상을 입력하거나 선택하고, 직접 작성한 텍스트를 미리 보며, 글꼴 크기와 굵기를 설정하고, 디자인 검토나 이슈 추적용으로 명확한 보고서를 복사할 수 있습니다.
결과에는 정확한 대비율, 일반 텍스트, 큰 텍스트, UI 구성 요소에 대한 AA 및 AAA 통과 또는 실패 상태, 실용적인 전경색 제안이 포함됩니다.
사용할 때
- 버튼, 카드, 대시보드, 양식, 문서용 텍스트와 배경색을 선택할 때.
- 읽기 쉬운 UI 텍스트에 사용하기 전에 브랜드 색상을 점검할 때.
- 글꼴 크기가 WCAG 기준의 큰 텍스트에 해당하는지 확인할 때.
- 접근성 메모를 티켓, 풀 리퀘스트, 디자인 전달 문서에 복사할 때.
도구를 불러오는 중...
색상 대비 검사기 FAQ
굵은 텍스트가 큰 텍스트 결과를 바꾸나요?
예. 굵은 텍스트는 일반 텍스트보다 더 작은 픽셀 크기에서도 큰 텍스트로 인정됩니다.
가까운 접근 가능한 색상을 찾을 수 있나요?
예. 원래 색조를 가능한 한 유지하면서 가장 가까운 AA 전경색 방향을 제안합니다.
