WCAG renk kontrastı kılavuzu
AA ve AAA kontrast gereksinimlerini, metin ve kullanıcı arayüzü bileşenlerinin nasıl test edileceğini ve hatalı çiftlerin nasıl düzeltileceğini anlayın.
FAQ
- Düğmeler için hangi orana ihtiyacım var?
- Kullanıcı arayüzü bileşenleri ve grafik nesnelerinin genellikle bitişik renklere göre en az 3:1 olması gerekir. Butonların içindeki metin, büyük metinler için hâlâ 4,5:1 (AA) veya 3:1 oranına ihtiyaç duyuyor.
WCAG kontrast temelleri
WCAG 2.x, metin ve arka plan renkleri arasındaki minimum kontrast oranlarını tanımlar. AA Düzeyi ortak yasal ve ürün hedefidir; AAA daha katıdır ve mümkün olduğunda gövde metni için önerilir.
Kontrast renk tonuna değil göreceli parlaklığa dayanır. İki renk farklı görünebilir ancak açıklıkları çok benzerse kontrast sağlayamaz.
İş akışını test etme
Tasarım sisteminizden ön plan ve arka plan renklerini seçin. Onları bir kontrast denetleyiciden geçirin. Normal ve büyük metin eşiklerine dikkat edin.
Yalnızca varsayılan düğmeleri ve bağlantıları değil, fareyle üzerine gelme, odaklanma ve devre dışı durumlarını da test edin.