Asla Yalnızca Renge Güvenmeyin
Anlamı aktarmak için rengi simgeler, metin veya şekille destekleyin.
Asla Yalnızca Renge Güvenmeyin, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Renk Görünmez Olabilir
Birçok kullanıcı seçtiğiniz kırmızı ve yeşili neredeyse aynı görür. Anlamı taşımak için yalnızca rengi kullanmak, onları tahminde bulunmaya zorlar.
Renk Körlüğü Yaygındır
Yaklaşık her 12 erkekten 1'i bir tür renk körlüğü yaşar. Bu, kitlenizin nadir bir istisna değil, büyük bir bölümüdür.
Kırmızı-Yeşil Tuzağı
Klasik hata, birçok kullanıcıya aynı görünen kırmızı bir hata ve yeşil bir başarı durumu kullanmaktır. Kırmızı-yeşil karışıklığı açık ara en yaygın türdür.
Temel Kural
WCAG'nin 1.4.1 ölçütü, bilginin aktarılmasında rengin asla tek yol olmaması gerektiğini söyler. Rengi her zaman ikinci bir sinyalle destekleyin.
Metin Etiketleri Ekleyin
En basit çözüm sözcüklerdir. Kırmızı bir alanı Hata etiketiyle eşleştirin; böylece renk ayırt edilemese bile anlam korunur.
Simgeler ve Şekiller Ekleyin
Onay işareti, uyarı üçgeni veya X, anlamı şekil aracılığıyla aktarır. Böylece gri tonlamada bile başarı ve hata birbirinden ayrılır.
Bağlantıların Yalnızca Renk Tonundan Fazlasına İhtiyacı Vardır
Gri bir paragraftaki mavi bağlantı bazı kullanıcılar için görünmez olabilir. Bağlantıları renge güvenmeden belirgin kılmak için alt çizgi ekleyin.
Grafikler Büyük Bir Sorundur
Serileri yalnızca renkle ayırt eden grafikler sorun yaratır. Her çizgiye veya dilime desenler, doğrudan etiketler ya da farklı şekiller ekleyin.
Form Doğrulamasını Doğru Yapın
Hatalı bir alanı yalnızca kırmızı kenarlıkla belirtmeyin. Herkesin neyin başarısız olduğunu anlayabilmesi için metin olarak bir hata mesajı ve bir simge ekleyin.
Gri Tonlama Testi
Hızlı bir kontrol yapın: tasarımınızı gri tonlamada görüntüleyin. Durumları ve bağlantıları hâlâ ayırt edebiliyorsanız yalnızca renge dayanmıyorsunuz demektir.
Alt Çizgi Ekleyen Bir Bağlantı
Alt çizgiyi korumak, renk farkını algılayamayan kullanıcıların bile bağlantıları kolayca ayırt edebilmesini sağlar.
a {
color: #0b5fff;
text-decoration: underline;
}Hızlı Kontrol
Bir form hatasını göstermenin en güvenli yoluna karar verin.
Özet: Rengin Ötesi
Rengin hiçbir zaman tek sinyal olmamasını öğrendiniz: anlamın herkese ulaşması için metin, simge, şekil veya alt çizgi ekleyin. Sırada araçlarla kontrastı kontrol etmek var. 🌈
Sıkça Sorulan Sorular
“Asla Yalnızca Renge Güvenmeyin” dersi ücretsiz mi?
Evet — “Asla Yalnızca Renge Güvenmeyin” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Asla Yalnızca Renge Güvenmeyin” dersinde ne öğreneceğim?
Anlamı aktarmak için rengi simgeler, metin veya şekille destekleyin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“Asla Yalnızca Renge Güvenmeyin” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Kontrast Oranları Neden Var
- AA Düzeyine Ulaşma: Metin ve Büyük Metin Eşikleri
- Asla Yalnızca Renge Güvenmeyin
- Kontrastı Ücretsiz Araçlarla Denetleme