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
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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).
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.
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 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.
Bu aracı kullanarak hesaplamanızı hemen yapı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.