Renk Daltonizmi (Color Blind) Misafirler icin Erisilebilir Menue Tasarim Rehberi

Ankara Etlikteki 18 masali corba and salata yerinin sahibi, misafirlerinden birinin yeni rozetli urunleri secemedigini fark etti — cuenkue rozet ile fiyat etiketi ayni yesilimsi tonda. Renk koerluegue, dunya nuefusunun yaklasik %4uenu etkiliyor: erkeklerin %8i, kadinlarin %0.5i. Bir QR menuede kirmizi/yesil ayrimina dayanan tasarim, bu misafirleri sessizce dislar; cuenkue siparis verirken hata yaptiklarini bile fark etmezler.

Renk Koerluegue Tipleri ve Menue Etkisi

En yaygin tip deuteranopia (yesil koerlugue): kirmizi ile yesili ayirt etmek zor. Daha az yaygin protanopia ve nadir tritanopia (mavi-sari) da menue kontrastini bozar. "Acili" rozetinizi sadece kirmizi bir nokta ile, "vegan" rozetini sadece yesil yaprak ikonu olmadan veriyorsaniz — bu kullanicilar icin iki rozet ayni grey tona dueser.

Adobe Color Blind Simulator veya Coblis aciliyla menuenuezuen ekran goeruentuesueneue test edin. Ankaradaki vaka calismasinda sahip, ueruen kartlarindaki "yeni" (yesil rozet) ile "popueler" (kirmizi rozet) ayrimini hicbir musterinin yapamadigini hayretle gordue — denetim puani 78/100 da takiliydi.

Double-Coding Prensibi

WCAG 2.1 Success Criterion 1.4.1 net: renk, bilgi tasiyan tek isaret olamaz. Cozuem her renkli rozeti bir ikincil sinyal ile destekler:

Bu sinyaller sunlar olabilir:

• Ikon ekleme: "Yeni" rozeti yanina yildiz simgesi, "vegan" rozeti yanina yaprak.
• Etiket metni: rozet uezerine kelime yazma ("YENI", "POP", "ACILI").
• Sekil farki: yuvarlak rozet vs kose rozet vs uecgen — kontur sekli renk bagimsiz okunur.

Kontrast Orani ve Cipher Renkleri

Renk koerluegue olmasa bile dueseuk kontrast tasarim, yasli misafirleri ve gues guenes altinda telefon bakanlari da etkiler. WCAG AAA standardinda metin/arkaplan kontrasti en az 7:1, normal seviye AA icin 4.5:1 olmali. Chrome DevTools Lighthouse aciliyle her menue sayfasi icin otomatik raporlama yapilir.

Ankara orneginde sahip cift-kodlama uyguladiktan sonra puan 96/100a cikti; ek bonus: yasli misafirlerin geri bildirimi de "okumasi kolay" yoenuende olumlu doendue. Erisilebilirlik bir azinligin degil, herkesin sorunu.

FAQ

Renk koerluegue gercekten ne kadar yaygin? Erkeklerin yaklasik %8i, kadinlarin %0.5i. 100 masalik gueneluek trafikte 4-8 musteri etkilenir.

Adobe Color Blind Simulator nasil kullanilir? Photoshop View > Proof Setup > Color Blindness menue ile aciliyi acin; ueruen kartlarinizin ekran goeruentuesueneue protanopia/deuteranopia modunda izleyin.

thMenu rozet sistemi double-coding destekliyor mu? Evet, urueneye rozet tanimlarken hem renk hem icon secenegi var; ekstra etiket metni eklenebilir.

Faydalı buldunuz mu? Paylaşın.