Kontrast Oranları Neden Var
Gözün ve 4,5'e 1 oranının arkasındaki matematiğin nasıl bağlandığını öğrenin.
Kontrast Oranları Neden Var, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Karşıtlık Gerçekte Ne Anlama Gelir
Metin okurken gözünüz, harflerin arka plana göre ne kadar açık veya koyu olduğunu karşılaştırır. Bu fark karşıtlıktır. 👀
Neden Bir Sayıya İhtiyacımız Var
Bir tasarımcı bir rengin iyi göründüğünü söylerken diğeri gözlerini kısabilir. Bu durumu kesinleştirmek için erişilebilirlik, herkesin kontrol edebileceği ölçülebilir tek bir sayı olan karşıtlık oranını kullanır.
Oran Ölçeği
Oran 1:1 ile 21:1 arasında değişir. Siyahın beyaz üzerindeki oranı en yüksek değer olan 21:1'dir; aynı rengin kendi üzerindeki oranı ise 1:1'dir ve tamamen görünmezdir.
Yalnızca Renk Değil, Parlaklık
Hesaplama, bir rengin algılanan parlaklığı olan parlaklık değerine dayanır. Tonları çok farklı iki renk, parlaklıkları birbirine çok yakınsa yine de ayırt edilmesi zor olabilir.
Gözler Aynı Değildir
Karşıtlık kuralları, görmenin kişiden kişiye değişmesi nedeniyle vardır. Az gören kullanıcılar, yaşlı gözler ve yorgun okuyucular, parlak ekrana bakan genç bir tasarımcıya kıyasla daha büyük bir farka ihtiyaç duyar.
Gerçek Dünya İşinizi Zorlaştırır
Güneş parlaması, ucuz ekranlar ve parlaklığı azaltılmış telefonlar karşıtlığı düşürür. Bu koşullarda da korunan bir oran, metnin her yerde okunabilir kalmasını sağlar.
4,5:1 Nereden Geliyor
WCAG, araştırmalara dayalı bir alt sınır olarak normal metin için 4,5:1 değerini belirlemiştir. Bu değer, saf siyah ve beyazı zorunlu kılmadan orta düzeydeki görme kaybını yaklaşık olarak hesaba katar.
Daha Büyük Metin, Daha Düşük Gereksinim
Büyük metnin okunması daha kolaydır; bu nedenle eşik 3:1 değerine düşer. Kalın ve büyük harfler, küçük gövde metnine kıyasla daha küçük bir parlaklık farkıyla da okunabilir.
Ön Plan ve Arka Plan Birlikteliği
Oran her zaman iki rengin birlikte değerlendirilmesiyle ilgilidir. Gri bir renk tek başına okunabilir veya okunamaz değildir; yalnızca bulunduğu yüzeye göre değerlendirilir.
Bu Yalnızca Metin İçin Geçerli Değil
Aynı fikir kullanıcı arayüzü bileşenleri için de geçerlidir. Düğme kenarlıkları, simgeler ve form çerçeveleri de kullanıcıların bunları bulabilmesi için yeterli karşıtlığa ihtiyaç duyar.
Gerçek CSS'de Bir Oran
Bu iki renk yaklaşık 4,6:1 oranı oluşturur ve rahat okuma için normal metin eşiğini az farkla geçer.
p {
color: #595959;
background: #ffffff;
}Hızlı Kontrol
Oranın neden var olduğunu test edelim.
Özet: Oranlar Neden Var
Karşıtlık oranının, okunabilirliği parlaklığa dayalı tek ve nesnel bir sayıya dönüştürdüğünü öğrendiniz. Böylece metin her göz için işe yarar. Sırada AA eşiklerini karşılamak var. ✅
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 30
- Dersler
- 120
Sıkça Sorulan Sorular
“Kontrast Oranları Neden Var” dersi ücretsiz mi?
Evet — “Kontrast Oranları Neden Var” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Kontrast Oranları Neden Var” dersinde ne öğreneceğim?
Gözün ve 4,5'e 1 oranının arkasındaki matematiğin nasıl bağlandığını öğrenin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Kontrast Oranları Neden Var” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Kontrast Oranları Neden Var
- AA Düzeyine Ulaşma: Metin ve Büyük Metin Eşikleri
- Asla Yalnızca Renge Güvenmeyin
- Kontrastı Ücretsiz Araçlarla Denetleme