가이드
WCAG 대비 비율 기초 (어려운 용어 없이)
대비 비율 숫자의 의미와 AA/AAA 기준을 실무 UI 점검에 적용하는 방법을 설명합니다.
대비 비율 숫자는 처음엔 추상적으로 느껴질 수 있습니다. 이 가이드는 개념을 쉬운 언어로 풀어 실제 작업에 연결해 줍니다.
What a contrast ratio represents
It compares how different a text color is from its background.
Higher ratios generally mean easier reading.
AA and AAA in simple terms
AA is the common practical baseline for most web interfaces.
AAA is stricter and useful where maximum readability is needed.
Normal text vs large text
Large text can pass at lower ratios than normal body text.
Always classify text size correctly before deciding pass/fail.
How to apply this in a workflow
Check planned color pairs before development.
Retest final UI states after implementation.
When to read this
- Starting accessibility reviews.
- Training designers and developers.
- Creating color QA checklists.
Use ratios as a decision tool
You do not need to memorize every rule. Use a checker and know which threshold applies to your text size.