Web sitesi ve görüntülerin erişilebilirliğini test etmek için farklı renk körlüğü türlerini simüle edin. 8 renk görme eksikliği türünü destekler.
Features
- 8 renk körlüğü türü: Protanopia, deuteranopia, tritanopia, achromatopsia ve daha fazlasını simüle edin
- Görüntü yükleme: Renk görme eksikliği olan kişilere nasıl göründüğünü görmek için görüntüler yükleyin
- Gerçek zamanlı önizleme: Orijinal görüntünün yanında simüle edilmiş görüşü anında görün
- Erişilebilirlik testi: WCAG uyumluluğu ve renk erişilebilirliği için tasarımları test edin
Usage Guide
- Adım 1: Bir görüntü veya web sitesi ekran görüntüsü yükleyin
- Adım 2: Simüle edilecek bir renk körlüğü türü seçin
- Adım 3: Orijinal ve simüle edilmiş görünümleri yan yana karşılaştırın
Technical Details
Renk görme eksiklikleri
Renk körlüğü yaklaşık %8 erkek ve %0,5 kadını etkiler. En yaygın türler protanopia (kırmızı körlüğü), deuteranopia (yeşil körlüğü) ve tritanopia (mavi körlüğü) dir. Bu durumlar retinanın eksik veya arızalı koni hücrelerinden kaynaklanır. Renk körlüğü simülasyonu, renklerin farklı görme eksiklikleri olan kişilere nasıl göründüğünü yaklaşık olarak tahmin etmek için renk dönüşüm matrisleri kullanır. Bu, tasarımcıların tüm kullanıcılar için çalışan erişilebilir arayüzler oluşturmasına yardımcı olur.
Renk dönüşümü
Renk körlüğü simülasyonu RGB renk değerlerine matematiksel dönüşümler uygular. Her renk körlüğü türünün, renkleri normal görüşten simüle edilmiş eksikliğe eşleyen belirli bir dönüşüm matrisi vardır. Protanopia ve deuteranopia kırmızı-yeşil algılamayı etkilerken, tritanopia mavi-sarı algılamayı etkiler. Achromatopsia (tam renk körlüğü) tüm renkleri gri tonlarına dönüştürür. Bu dönüşümler, tasarımcıların renk seçimlerinin renk görme eksiklikleri olan kullanıcıları nasıl etkilediğini anlamalarına yardımcı olur.
Erişilebilirlik standartları
WCAG (Web İçeriği Erişilebilirlik Yönergeleri) renk körlüğü simülatörleri ile tasarımları test etmeyi önerir. Renk, bilgi iletmenin tek yolu olmamalıdır. Metin kontrast oranları WCAG AA standartlarını karşılamalıdır (normal metin için 4,5:1, büyük metin için 3:1). Renk körlüğü simülatörleri ile test etmek, tasarımların renk görme eksiklikleri olan kullanıcılar için erişilebilir olduğundan emin olmaya yardımcı olur. Bu, kullanılabilirliği ve erişilebilirlik düzenlemelerine uyumu artırır.
Frequently Asked Questions
- Görüntü yükle
- Web sitenizin, UI tasarımınızın veya renk erişilebilirliği için test etmek istediğiniz herhangi bir görüntünün ekran görüntüsünü yükleyin
- Tür seç
- Bu duruma sahip kullanıcılara tasarımınızın nasıl göründüğünü görmek için 8 farklı renk körlüğü türünden seçim yapın
- Görünümleri karşılaştır
- Potansiyel erişilebilirlik sorunlarını belirlemek için orijinal ve simüle edilmiş görüntüleri yan yana görüntüleyin
Related Documentation
- WCAG 2.1 Guidelines - Web İçeriği Erişilebilirlik Yönergeleri
- Renk körlüğü türleri - Farklı renk görme eksikliği türlerini anlama
- WebAIM - Renk kontrastı - Renk kontrast kontrolü ve yönergeleri