Görsel Algı, Renk Körlüğü ve Kontrastın Ölçmediği Fark

Göz bir kamera gibi çalışmaz. Retinaya düşen ışık önce sinyale çevrilir, sonra beyin o sinyali daha önce gördükleriyle karşılaştırarak yorumlar. Tasarımda çıkan erişilebilirlik sorunlarının çoğu bu yorum katmanında doğar: aynı ekran, iki kullanıcının gözünde aynı ekran değildir.

Işıktan yoruma giden yol

Retinada iki tür alıcı hücre var. Çubuk hücreler ışığa duyarlıdır, loş ortamda devreye girer ve renk bilgisi taşımaz. Koni hücreler renk ile ince ayrıntıdan sorumludur, çalışmak için yeterli ışık ister. Bu hücrelerin ürettiği sinyal optik sinir üzerinden beynin arkasındaki birincil görme korteksine (V1) ulaşır, oradan V2, V3 ve V4 gibi bölgelere dağılır. Renk, kenar, derinlik ve hareket ayrı ayrı işlenir; sahne en sonda birleştirilir.

Bu ayrışmanın arayüzde doğrudan karşılığı var. Kontrast ve hareket bilgisi hızlı, kaba çözünürlüklü bir yoldan gider; sayfada bir şeyin kıpırdadığını ya da bir bloğun zeminden ayrıldığını, daha tek kelime okumadan fark etmenizi sağlayan yol budur. Renk ve ayrıntı ise yavaş yoldan işlenir. Bir ekranda "önce ne görülüyor" sorusunun cevabı çoğu zaman renkte değil, açıklık farkındadır.

Beyin bu işi yaparken hafızasını da kullanır. Yarısı gölgede kalan beyaz bir kutuyu yine beyaz görürsünüz, çünkü sistem ölçtüğü değeri değil, tahmin ettiği nesneyi gösterir. Tasarımın kullanıcıya ne gösterdiğini değil, kullanıcının ne çıkardığını konuşmak gerekmesinin sebebi bu.

Görsel stres

Bazı desenler görme sistemini gereğinden fazla çalıştırır. Dar aralıklı ve yüksek kontrastlı çizgiler, ince şeritli arka planlar, hızlı yanıp sönen öğeler. Ortaya çıkan tablo bulanıklaşma, satır kaybederek okuma, göz yorgunluğu ve baş ağrısı olabilir. Işığa duyarlı epilepsisi olan kullanıcılar için risk daha somuttur, WCAG bu yüzden saniyede üçten fazla parlamayı doğrudan yasaklar.

Pratikte kaçınılacak şey abartılı hareket değil, tekrardır. Bir alanın tamamını kaplayan ince çizgili doku, tek seferlik bir geçiş animasyonundan daha yorucudur. Metnin arkasına desen koymak yerine düz zemin kullanmak, satır aralığını açmak ve tam siyah üstüne tam beyaz gibi uçtaki eşleşmelerden kaçınmak okuma yükünü hissedilir biçimde düşürür.

Renk körlüğü tek bir durum değil

Renk körlüğü denince akla tek bir kullanıcı profili gelir, oysa ortada bir aralık var. Protanopi kırmızı konisinin, deuteranopi yeşil konisinin, tritanopi mavi konisinin eksikliğidir; bunların bir de tam eksiklik yerine duyarlılık kaybı biçiminde ilerleyen zayıflık halleri var. En yaygın grup kırmızı ile yeşili birbirine yaklaştıran türdür ve arayüzlerde en çok kullanılan renk çifti tam olarak budur: onay yeşil, hata kırmızı.

Buradan çıkan kural basit. Bir bilgi yalnızca renkle taşınıyorsa, o bilgi bazı kullanıcılara hiç ulaşmıyor demektir. Renk bir katman olarak kalsın, tek kanal olmasın.

Kontrast denetleyicisi neyi ölçmez

Erişilebilirlik denetimlerinin çoğu kontrast oranıyla başlar ve orada biter. Oran, iki rengin bağıl parlaklığından hesaplanır: (L1 + 0,05) / (L2 + 0,05). Formülde renk tonu geçmez. Yani araç metin ile zemin arasındaki açıklık farkını ölçer, iki arayüz durumu arasındaki farkı değil.

Sonucu somutlaştıralım. Beyaz zemin üstünde bir yeşil onay etiketi ile bir kırmızı hata etiketi düşünün. İkisi de zemine karşı 4,5:1 eşiğini rahatça geçebilir, denetim raporunda iki yeşil satır olarak görünür. Ama parlaklıkları birbirine yakınsa, kırmızı ile yeşili ayırt edemeyen kullanıcı için o iki etiket aynı etikettir (denetim araçlarının bu kör noktası hak ettiğinden az konuşuluyor).

Kontrolü doğru yere taşımak zor değil: durumu taşıyan renkleri zemine karşı değil, birbirine karşı da kıyaslayın. Aralarında belirgin bir açıklık farkı yoksa, ayrımı renk dışında bir şeye bağlamak gerekir. Zemine karşı eşik denetimi için WebAIM kontrast aracı hâlâ en pratik başlangıç noktası.

Uygulamada dört kontrol

• Ekran görüntüsünü gri tonlamaya çevirin. Renk kalktığında kaybolan her bilgi, bir erişilebilirlik açığıdır.
• Durum çiftlerini yan yana koyun: onay ve hata, seçili ve seçili değil, aktif ve pasif. Aralarındaki fark yalnızca ton mu, yoksa açıklık, ikon ya da metin de var mı?
• Renk körlüğü simülasyonundan geçirin. Tarayıcı geliştirici araçları bunu eklentisiz yapıyor.
• Grafik ve tablolarda seriyi doğrudan etiketleyin. Yanda duran renkli lejant, okuyucuyu her seferinde eşleştirme yapmaya zorlar.

Erişilebilirliği bir kontrol listesi olarak görmek işi kolaylaştırır ama listeyi geçmek tasarımın anlaşıldığı anlamına gelmez. Liste maddeleri ölçülebilir olanı ölçer; geri kalanı için ekranı gerçek bir kullanıcının önüne koymak gerekir.