Ana içeriğe geç

Kılavuz

Renk Körlüğü Simülatörü Nasıl Kullanılır

Tasarımı renk körü kullanıcıların gözünden görmek ve erişilebilirliği test etmek için pratik kılavuz.

Bu aracı hemen kullanın

Hesaplamayı yapmak için araca gidin

Şimdi Hesapla

Renk Körlüğü Simülatörü, yüklediğiniz görseli protanopia (kırmızı körlüğü), deuteranopia (yeşil körlüğü), tritanopia (mavi körlüğü) ve achromatopsia (tam renk körlüğü) filtrelerinden geçirerek renk körü kullanıcıların gözünden gösterir. Dünya nüfusunun yaklaşık yüzde 8'i erkek, yüzde 0.5'i kadın bir tür renk körlüğüne sahiptir. Bu araç tasarımın kontrast ve renk seçiminin erişilebilir olup olmadığını ölçmenin en hızlı yoludur.

Adım Adım Kullanım

1

Test edilecek tasarımı yükleyin

JPG, PNG veya WEBP formatındaki görseli sürükle-bırak alanına ekleyin. Maksimum 10 MB destek verilir. Logo, infografik, harita, grafik veya web ekran görüntüsü test edilebilir.

2

Simülasyon türünü seçin

Sol panelden 5 seçenek arasından birini tıklayın: Normal Görüş, Protanopia, Deuteranopia, Tritanopia veya Achromatopsia. Her seçimde sağ panelde orijinal ve simüle görüntü yan yana açılır.

3

Kritik bilgilerin okunabilirliğini kontrol edin

Simüle edilmiş görüntüde uyarı renkleri, butonlar, harita lejantı ve grafiklerdeki seriler hâlâ ayırt edilebiliyor mu kontrol edin. Yeşil-kırmızı çiftleri en sık karışan kombinasyondur.

4

Tüm tipleri sırayla test edin

En yaygın deuteranopia ve protanopia ile başlayın; ardından tritanopia ve achromatopsia ile bitirin. 4 simülasyonda da kritik bilgi anlaşılıyorsa tasarım erişilebilir kabul edilir.

5

Sonucu indirin ve raporlayın

Simüle edilmiş görseli İndir butonuyla bilgisayarınıza kaydedin. Müşteri veya tasarım ekibi ile paylaşmak için kullanılır; revizyon kararının görsel kanıtıdır.

Örnek Senaryo

İki seri içeren çizgi grafiğinin testi

Yıllık satış raporundaki çizgi grafikte iki seri var: satışlar yeşil, hedef kırmızı renkte. Deuteranopia simülasyonunda iki seri neredeyse aynı kahverengiye dönüşüyor; protanopia da benzer sonucu veriyor. Çözüm: çizgilerden birini kesik çizgi yapmak, marker şekillerini değiştirmek (daire vs üçgen), seri etiketlerini doğrudan çizgi sonuna yazmak. Aynı görsel yeniden test edildiğinde her simülasyonda iki seri ayırt edilebilir hale gelir.

Sık Yapılan Hatalar

Sadece renk ile bilgi aktarmak

Yeşil-kırmızı uyarı çiftleri renk körlüğü olan kullanıcıda anlamını kaybeder. Renk yanına ikon, desen, etiket veya şekil ekleyin; tek başına renge güvenmeyin.

Düşük kontrast renk paleti seçmek

Pastel veya çok yakın tonlar normal görüşte güzel durabilir ama achromatopsia ve protanopia simülasyonunda kaynaşır. Önemli metin için en az 4.5:1 kontrast oranı hedefleyin.

Yalnızca deuteranopia ile test edip bitirmek

Deuteranopia en yaygındır ama tritanopia ve achromatopsia kullanıcıları için sonuç farklı olabilir. Kritik içerik 4 simülasyonun tamamında test edilmelidir.

Logo ve marka renklerinin testini atlamak

Logo renk körlüğünde okunamaz hale geliyorsa marka tanınırlığı kaybolur. Tüm marka varlıkları (logo, ikon, illüstrasyon) renk körlüğü filtresinden geçirilmelidir.

Test sonucunu dokümante etmemek

Simüle görüntü indirilmeden müşteriye sözel anlatımla sunulduğunda revizyon kararı yarım kalır. İndirilen görsel tasarım dosyasının yanına eklenir ve kabul kriteri haline gelir.

Sık Sorulan Sorular

Renk körlüğü ne kadar yaygın?

Erkeklerin yaklaşık yüzde 8'i, kadınların yaklaşık yüzde 0.5'i bir tür renk körlüğüne sahiptir. En yaygın türü deuteranopia (yeşil körlüğü), ardından protanopia (kırmızı körlüğü) gelir.

Hangi renk kombinasyonları en sorunlu?

Kırmızı-yeşil, kahverengi-yeşil, mavi-mor ve gri-pembe en sık karışan çiftlerdir. Mavi-sarı, siyah-beyaz ve mavi-turuncu çiftleri genellikle güvenli kabul edilir.

Erişilebilir tasarımda nelere dikkat edilmeli?

Sadece renge güvenmeyin; ikon, desen ve etiket kullanın. Yüksek kontrast sağlayın. Renk körü dostu paletler seçin (örneğin Wong palette veya Okabe-Ito palette).

Achromatopsia ile gri tonlama aynı mı?

Evet, achromatopsia tam renk körlüğüdür ve dünya gri tonlamada görünür. 100 bin kişide 3 sıklıkta görülür; çok nadirdir ama simüle edilmesi tasarımın siyah-beyaz baskıda da çalışıp çalışmadığını gösterir.

Online araç sonuçları gerçeği yansıtır mı?

Araç bilimsel matrislerle çalışır ve klinik sonuçlara yakın simülasyon üretir. Ancak gerçek deneyim kişiden kişiye değişebilir; ciddi projelerde gerçek kullanıcılarla test yapılması önerilir.

WCAG erişilebilirlik standartları için zorunlu mu?

WCAG 2.1 AA seviyesi sadece renge dayalı bilgi aktarımını yasaklar ve minimum 4.5:1 kontrast ister. Bu araç o standartlara uygunluğu görsel olarak doğrulamanın hızlı yolu.

İlişkili Araçlar

Hazır mısınız?

Bu aracı kullanarak hesaplamanızı hemen yapın.

Şimdi Hesapla