가이드
접근성을 위한 텍스트 대비 확인 방법
WCAG 기준에 맞춰 텍스트 대비를 빠르게 점검하는 반복 가능한 방법을 소개합니다.
텍스트 대비 점검은 UI 품질을 빠르게 높이는 가장 쉬운 접근성 개선입니다. 짧은 체크 루틴만으로도 대부분의 문제를 미리 찾을 수 있습니다.
Identify text types first
List body text, helper text, button labels, and links.
Smaller text needs stronger contrast than large headings.
Test each pair with a checker
Enter foreground and background colors and read both ratio and WCAG results.
Document combinations that fail so fixes stay organized.
Fix by changing lightness first
Try lightness adjustments before replacing the full hue.
This usually preserves your visual identity while improving readability.
Retest interactive states
Validate default, hover, focus, active, and disabled states.
Accessibility failures often hide in non-default states.
Where to apply this
- Landing page updates.
- Product UI reviews.
- Design handoff QA.
Make contrast part of QA
Treat contrast checks as a standard release step, just like spelling or layout checks.