Ne anlama gelir?
Renk Kontrastı (Color Contrast), metin ile arka planı arasındaki parlaklık farkıdır. Yeterli kontrast, metnin herkes tarafından, özellikle düşük görüşlü kullanıcılarca okunabilmesini sağlar.
WCAG eşikleri
- Normal metin için en az 4.5:1 kontrast oranı (AA)
- Büyük metin için en az 3:1
- AAA düzeyi daha yüksek oranlar ister
Yaygın hata
Tasarımsal kaygıyla açık gri üstüne açık gri, veya renkli arka plan üstüne düşük kontrastlı metin kullanmak. Şık görünse de birçok kullanıcı için okunamaz.
Ne yapmalı?
Metin-arka plan kontrastınızı bir kontrast denetleme aracıyla kontrol edin ve en az AA eşiğini karşılayın. İyi kontrast, hem erişilebilirlik hem genel okunabilirlik için şarttır.
Ne anlama gelir?
Renk kontrastı (color contrast), bir web sayfasındaki metin ile arka planı arasındaki renk farkının, metnin okunabilirliğini sağlayacak düzeyde olmasıdır. Yeterli kontrast, metnin herkes (özellikle az gören veya renk körü kullanıcılar) tarafından kolayca okunabilmesini sağlar. WCAG erişilebilirlik standartları, metin ile arka plan arasında belirli minimum kontrast oranları tanımlar. Renk kontrastı, erişilebilirliğin ve okunabilirliğin temel bir gereğidir.
Neden önemli?
- Metni herkes için okunabilir kılar
- Az gören ve renk körü kullanıcılara yardımcı olur
- Zorlu koşullarda (parlak ekran, güneş) okumayı kolaylaştırır
- WCAG standartlarının bir gereğidir
Nasıl sağlanır?
Yeterli renk kontrastı, metin ve arka plan renklerinin yeterince farklı (birbirine zıt) olmasıyla sağlanır; örneğin açık gri arka plan üzerine açık gri metin okunmazken, beyaz arka plan üzerine koyu metin kolayca okunur. WCAG, normal metin için genellikle en az 4.5:1, büyük metin için en az 3:1 kontrast oranı önerir; bu oranlar, kontrol araçlarıyla ölçülebilir. Yetersiz kontrast, birçok kullanıcı için okumayı zorlaştırır veya imkansız kılar; özellikle az gören kullanıcılar, yaşlılar ve renk körü kullanıcılar düşük kontrastlı metni okuyamayabilir. Ayrıca yeterli kontrast, herkes için (örneğin parlak güneş ışığında ekrana bakan veya düşük kaliteli bir ekran kullanan kullanıcılar için) okunabilirliği iyileştirir. Renk kontrastı yalnızca metin için değil, önemli arayüz öğeleri (butonlar, form alanları, ikonlar) için de geçerlidir; bu öğelerin de arka plandan yeterince ayırt edilebilir olması gerekir. Renk kontrastını sağlamak, tasarım aşamasında renk paletini seçerken dikkate alınmalı ve kontrol araçlarıyla test edilmelidir. Önemli bir nokta, bilginin yalnızca renkle iletilmemesi gerektiğidir; örneğin bir hatayı yalnızca kırmızı renkle göstermek, renk körü kullanıcılar için yetersizdir, ek olarak metin veya ikon kullanmak gerekir. Renk kontrastı, erişilebilirliğin görünür ve önemli bir bileşenidir; iyi kontrast, hem engelli kullanıcılar hem herkes için okunabilirliği ve kullanılabilirliği iyileştirir. SEO açısından doğrudan bir faktör olmasa da, iyi okunabilirlik ve kullanıcı deneyimi genel olarak site kalitesine katkıda bulunur.
Gerçek örnek
Bir sitenin metinleri, açık arka plan üzerine açık gri renkte yazılmıştı; kontrast yetersizdi ve birçok kullanıcı, özellikle az görenler, metni okumakta zorlanıyordu. Metin ve arka plan renkleri WCAG kontrast oranlarını karşılayacak biçimde (koyu metin, açık arka plan) düzeltildiğinde, okunabilirlik herkes için belirgin biçimde iyileşti.
Özet
Renk kontrastı, metin ile arka plan arasındaki renk farkının okunabilirliği sağlayacak düzeyde olmasıdır. Az gören ve renk körü kullanıcılar dahil herkes için okunabilirlik sağlar; WCAG minimum oranlar tanımlar. Bilgi yalnızca renkle iletilmemeli; erişilebilirliğin ve okunabilirliğin temel bir gereğidir.