Kontrast oranı tasarım açısından erişilebilirliğin temel ölçütlerinden biridir. Düşük kontrast, görme güçlüğü olan kullanıcıların metni okuyamamasına ya da UI öğelerini fark edememesine neden olur. **Kontrast Oranı Nedir?** Iki rengin göreli parlaklık farkının sayısal ifadesidir. 1:1 oran iki rengin özdeş olduğunu; 21:1 oran ise saf siyah ile saf beyazın kontrastını gösterir. **WCAG Standartları** Web İçeriği Erişilebilirlik Kılavuzları (WCAG) iki temel düzey belirler: - **AA düzeyi:** Normal metin için 4.5:1; büyük metin (18pt veya 14pt kalın) için 3:1. - **AAA düzeyi:** Normal metin için 7:1; büyük metin için 4.5:1. Kamu hizmetleri ve erişilebilirlik gerektiren ürünlerde AA düzeyi asgari standart olarak kabul edilir. **Kontrast Oranı Hesaplama Adımları** **1. Göreli parlaklık (relative luminance) değerlerini bulun:** Her renk için göreli parlaklık (L) hesaplanır: a. RGB değerlerini 0-1 aralığına çevirin: R / 255, G / 255, B / 255 b. Her kanal için doğrusal değeri hesaplayın: değer <= 0.04045 ise / 12.92; aksi halde ((değer + 0.055) / 1.055)^2.4 c. L = 0.2126 × Rlineer + 0.7152 × Glineer + 0.0722 × Blineer **2. Oranı hesaplayın:** Kontrast = (L1 + 0.05) / (L2 + 0.05) L1 daha parlak rengin parlaklığı, L2 daha koyu rengin parlaklığıdır. **Manuel Hesaplamak Zorunda Değilsiniz** Bu hesabı elle yapmak yerine araçları kullanın: - **WebAIM Contrast Checker:** İki rengin hex kodunu girin, oran anında hesaplanır. - **Figma:** Eklenti veya yerleşik erişilebilirlik kontrol araçları mevcuttur. - **Stark (Figma/Adobe eklentisi):** Tüm erişilebilirlik kontrollerini bir arada sunar. **Tasarımda Pratik Uygulamalar** 1. Metin rengini seçmeden önce arka plan rengiyle kontrastını ölçün. 2. Pastel arka planlar üzerinde açık gri metin yaygın bir hata; 4.5:1 sınırını geçmeyebilir. 3. Renk körlüğü simülasyonuyla tasarımı test edin; kontrast oranı yüksek olsa bile belirli renk çiftleri ayırt güç olabilir. **Kontrast Oranı Tasarım Sürecine Dahil Etme** - Tasarım sisteminizde onaylı renk çiftlerini önceden belirleyin. - Her metin-arka plan kombinasyonu için kontrast oranını bileşen dokümantasyonuna ekleyin. - PR incelemelerine otomatik erişilebilirlik testi ekleyin; axe-core gibi araçlar bu süreci otomatikleştirir. Kontrast oranı tasarım pratiğinde bir kez alışkanlık haline geldiğinde, doğal olarak erişilebilir renk seçimi yapmaya başlarsınız.