Türkiye nüfusunun yaklaşık yüzde sekizi renk körlüğü yaşıyor. Düşük kontrast nedeniyle okunamayan metin bu kitleyi dışlar ve dönüşümünüzü düşürür. WCAG (Web Content Accessibility Guidelines) kontrast standartları hem etik sorumluluk hem SEO için önemli bir bileşendir.
WCAG Kontrast Seviyeleri
- AA (minimum standart): Normal metin için 4.5:1, büyük metin (18pt+) için 3:1 kontrast oranı
- AAA (gelişmiş standart): Normal metin için 7:1, büyük metin için 4.5:1
Çoğu web sitesi için AA hedeflenmeli; kamu kurumları ve e-devlet siteleri için AAA önerilir.
Ücretsiz Test Araçları
- WebAIM Contrast Checker: webaim.org/resources/contrastchecker — renk kodlarını girin, oranı görün
- Colour Contrast Analyser: Masaüstü uygulaması, renk damlalığıyla her ekrandaki rengi test eder
- Chrome DevTools Accessibility: Geliştirici araçlarında erişilebilirlik kontrol paneli
- Stark (Figma eklentisi): Tasarım aşamasında kontrast kontrolü
Yaygın Kontrast Hataları
- Açık gri metin beyaz arka planda: görsel olarak şık ama okunaksız
- Sarı CTA butonu beyaz yazıyla: trendy ama erişilemeez
- Yer tutucu (placeholder) metin: genellikle çok açık renk — form alanlarında özellikle dikkat
- Görsel üzerine metin: arka plan görseli kontrastı belirsizleştirir
Kontrast ve SEO İlişkisi
Google'ın Lighthouse aracı erişilebilirlik skoru hesaplarken kontrast oranını kontrol eder. Düşük kontrast erişilebilirlik puanını düşürür. Web tasarım projelerimizde tüm renk seçimleri WCAG AA standardına göre test edilir.
Erişilebilir ve dönüşüm odaklı web tasarımı için ekibimizle iletişime geçin.