Doğrudan cevap
Renk kontrastı, metin veya önemli grafik ile arka plan arasındaki algılanabilir farktır; erişilebilir anlatım ise bilgiyi yalnız renge bağlamadan metin, simge, biçim veya konumla da sunar. Bu bölümde noktayı özellikle “Doğrudan cevap” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.
Bu derste “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” yalnız tanım düzeyinde bırakılmaz. Öğrenci, kavramın erişilebilir ve anlaşılır bir deneyim üzerindeki etkisini örnek, ölçüt, uygulama ve yeniden test yoluyla göstermelidir.
Neden önemli?
Görme farklılıkları, parlak ekran, güneş ışığı ve düşük kaliteli cihaz kontrastı azaltabilir. Yeşil–kırmızı ayrımı veya açık zemin üzerindeki beyaz menü, bazı kullanıcılar için bilgiyi tamamen görünmez yapabilir.
Başlangıç vakası: Sitenin bazı sayfalarında şeffaf üst menü açık fotoğrafın üzerine geliyor ve bağlantılar kayboluyor. Sabit yüksek kontrastlı yüzey ile odak ve hover durumları ayrı test edilerek sorun gideriliyor.
“Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” konusunda görünen ilk belirti gerçek neden olmayabilir. Bu nedenle çözüm önerisinden önce kullanıcı, ortam, araç, ölçü ve test koşulu yazılır. Sonuç yalnız “çalıştı” veya “güzel oldu” biçiminde değil, hangi ölçütün hangi kanıtla karşılandığı biçiminde raporlanır.
Öğrenme hedefleri
- Metin kontrastı kararını açıklamak ve kanıtlamak
- Renge bağımlı olmama kararını açıklamak ve kanıtlamak
- Durum çeşitliliği kararını açıklamak ve kanıtlamak
- Gerçek ortam kararını açıklamak ve kanıtlamak
- Hata ile kullanıcı hatasını birbirinden ayırmak
- Güvenlik ve geçerlilik sınırını yazmak
Bu hedefler tamamlandığında “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” okunmuş bir sayfa değil; yardımsız açıklama, konuya özel uygulama, hata bulma ve yeni bağlama aktarım yoluyla gösterilmiş bir beceri olur.
Ana kavramlar ve karar noktaları
1. Metin kontrastı
Yazı ve arka plan WCAG ölçütlerine göre yeterli fark taşır. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.
Beklenen kanıt: Kontrast ölçümü. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.
Sınır sorusu: “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir.
2. Renge bağımlı olmama
Durum yalnız renk ile anlatılmaz. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.
Beklenen kanıt: Renk kapalı testi. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.
Sınır sorusu: “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “2. Renge bağımlı olmama” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.
3. Durum çeşitliliği
Hover, odak, aktif ve devre dışı durumlar ayrı kontrol edilir. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.
Beklenen kanıt: Durum ekranları. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.
Sınır sorusu: “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “3. Durum çeşitliliği” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.
4. Gerçek ortam
Masaüstü dışında mobil, güneş ve yakınlaştırma koşulları denenir. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” içinde bu ilke, tasarımcının niyetini değil kullanıcının gerçekten algılayabildiği ve tamamlayabildiği görevi ölçmeyi sağlar.
Beklenen kanıt: Cihaz testi. Kanıtın tarihi, kullanılan araç veya tarayıcı, başlangıç koşulu ve sonucu birlikte yazılır. Böylece başka bir öğrenci yalnız son görsele değil, kararın nasıl verildiğine de ulaşır.
Sınır sorusu: “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” açısından bu ilke hangi malzeme, cihaz, kullanıcı, üretim yöntemi veya kullanım ortamı değiştiğinde yeniden değerlendirilmelidir? Cevap, “her zaman böyledir” gibi genelleme yerine bir koşul ve doğrulama yolu içermelidir. Bu bölümde noktayı özellikle “4. Gerçek ortam” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.
Adım adım örnek inceleme
Başlangıç vakası: Sitenin bazı sayfalarında şeffaf üst menü açık fotoğrafın üzerine geliyor ve bağlantılar kayboluyor. Sabit yüksek kontrastlı yüzey ile odak ve hover durumları ayrı test edilerek sorun gideriliyor. Bu bölümde noktayı özellikle “Adım adım örnek inceleme” bağlamına uygula ve sonucu doğrulayacak ya da değiştirecek kanıtı kaydet.
İlk adımda tasarımcının ne anlatmak istediği değil, metin kontrastı ve renge bağımlı olmama açısından kullanıcının ne görebildiği, duyabildiği, odaklayabildiği veya tamamlayabildiği kaydedilir. Kullanıcıya yolu söylemek yerine gerçek davranış gözlenir.
Alternatif üretme: Üst menü açık ve koyu arka planda. örneği farklı cihaz, yakınlaştırma, klavye ve algı koşullarında sınanır. Bir çözüm yalnız fare ve yüksek çözünürlüklü masaüstünde çalışıyorsa kapsayıcı sayılmaz.
Test ve revizyon: Gerçek ortam ile başarının ölçüsü yazılır. Otomatik araç sonucu, klavye görevi, gerçek tıklama ve kullanıcı gözlemi birbirini tamamlar. Revizyon, sorunu kişiye yüklemek yerine arayüzün rol, kontrast, durum veya geri dönüş eksikliğini düzeltir.
kontrast oranı = (L1 + 0,05) / (L2 + 0,05)Karşı örnekle derinleştirme
“Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” senaryosundaki bir koşulu bilinçli biçimde değiştir: cihazı mobilden masaüstüne, malzemeyi kartondan plastiğe, fareyi klavyeye, aydınlık ortamı güneş ışığına veya tek kullanıcıyı farklı bir kullanıcı grubuna çevir. Sonucun neden değişmesini beklediğini önce yaz; ardından aynı test adımlarını uygula. Tahminin tutmadığı durumda başarısızlığı gizleme. Hangi varsayımın yanlış olduğunu ve bir sonraki sürümün hangi kanıtı üretmesi gerektiğini belirt.
Bu karşı örnek, “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” bilgisini yalnız ders içinde geçerli bir tarif olmaktan çıkarır. Aynı kavramı yeni koşulda koruyabilmek için hangi ölçütün sabit, hangisinin yeniden tanımlanması gerektiğini gösterir.
Uygulama laboratuvarı
- 1. adım: Ana metin, büyük metin ve arayüz öğelerini listele.
- 2. adım: Ön plan ve arka plan renklerini ölç.
- 3. adım: Yetersiz kombinasyonları tasarım sisteminde düzelt.
- 4. adım: Renk olmadan hata, başarı ve bağlantıları kontrol et.
- 5. adım: Hover, odak ve aktif durumları ayrı sınama.
- 6. adım: Mobil, yüzde 125 yakınlaştırma ve açık/koyu görsel zeminlerde test et.
| Karar alanı | Kontrol örneği | Kanıt | Yorumlama ölçütü |
|---|---|---|---|
| Metin kontrastı | Normal metinde en az 4,5:1 hedefi. | Kontrast ölçümü. | Yazı ve arka plan WCAG ölçütlerine göre yeterli fark taşır. |
| Renge bağımlı olmama | Hata alanında kırmızıya ek metin ve simge. | Renk kapalı testi. | Durum yalnız renk ile anlatılmaz. |
| Durum çeşitliliği | Üst menü açık ve koyu arka planda. | Durum ekranları. | Hover, odak, aktif ve devre dışı durumlar ayrı kontrol edilir. |
| Gerçek ortam | Telefon ekranında dış mekân kontrolü. | Cihaz testi. | Masaüstü dışında mobil, güneş ve yakınlaştırma koşulları denenir. |
Kanıt paketi: Renk çiftleri, ölçüm sonuçları, durum ekran görüntüleri ve farklı cihaz testleri saklanır.
Uygulama boyunca yalnız başarılı son ekran saklanmaz. Başlangıç sürümü, hata belirtisi, test yöntemi, düzeltme ve yeniden test sonucu yan yana tutulur. Böylece “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” için yapılan değişiklik estetik tercih değil, kanıtla açıklanan tasarım kararı olur.
Erişilebilirlik kaydı: “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” için cihaz, tarayıcı, giriş yöntemi, yakınlaştırma ve test görevi yazılır. Otomatik puan tek başına sonuç sayılmaz; en az bir klavye veya gerçek görev kontrolü eklenir.
Aktarım görevi: Kontrast ilkeleri web, robot ekranı, basılı poster, veri grafiği ve oyun arayüzüne aktarılır. Bu yeni bağlamda ölçütleri kopyalamadan önce kullanıcı, cihaz, malzeme, üretim yöntemi ve risk sınırlarını yeniden yaz.
Sık yapılan hatalar ve düzeltme yolları
| Yaygın hata | Neden sorun? | Düzeltme kontrolü |
|---|---|---|
| Yalnız marka rengini korumaya odaklanmak | Yazı ve arka plan WCAG ölçütlerine göre yeterli fark taşır. | Metin kontrastı ilkesine dön; kontrast ölçümü. üret ve “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” kararını yeniden sınırla. |
| Kontrastı göz kararı değerlendirmek | Durum yalnız renk ile anlatılmaz. | Renge bağımlı olmama ilkesine dön; renk kapalı testi. üret ve “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” kararını yeniden sınırla. |
| Hover iyi diye odak durumunu unutmak | Hover, odak, aktif ve devre dışı durumlar ayrı kontrol edilir. | Durum çeşitliliği ilkesine dön; durum ekranları. üret ve “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” kararını yeniden sınırla. |
| Başarı ve hatayı yalnız yeşil/kırmızıyla göstermek | Masaüstü dışında mobil, güneş ve yakınlaştırma koşulları denenir. | Gerçek ortam ilkesine dön; cihaz testi. üret ve “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” kararını yeniden sınırla. |
“Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” çalışmasında hata yalnız yanlış son ürün değildir. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” bağlamında kullanıcıyı tanımlamamak, birimsiz ölçü vermek, yalnız fareyle denemek, başarısız prototipi silmek veya test koşulunu yazmamak da yöntemi zayıflatır. Hata bulunduğunda bütün sayfayı yeniden kopyalamak yerine bozulan varsayım ve gerekli yeni test açıklanır.
Güvenlik, etik ve yayın sınırı
Yanıp sönen yüksek kontrastlı animasyonlardan kaçınılmalı; görsel hassasiyeti olan kullanıcılar için hareket azaltma desteği sağlanmalıdır.
Bu sınır “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” içeriğinin sonradan eklenen küçük notu değil, tasarım ölçütüdür. “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” çalışmasında fiziksel araç, kişisel veri veya rahatsız edici uyarı riski varsa görev güvenli dijital model, kurgusal veri ya da yetişkin gözetimli düşük riskli düzene çevrilir.
Ders özeti
“Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” için güçlü sonuç; ihtiyaç veya kullanıcı, ölçülebilir karar, konuya özel kanıt, hata analizi ve yeniden testin birlikte yazılmasıyla oluşur. Renk kontrastı, metin veya önemli grafik ile arka plan arasındaki algılanabilir farktır; erişilebilir anlatım ise bilgiyi yalnız renge bağlamadan metin, simge, biçim veya konumla da sunar.
Kontrast ilkeleri web, robot ekranı, basılı poster, veri grafiği ve oyun arayüzüne aktarılır.
Kontrol soruları
- “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” konusunun temel amacı nedir?
- Metin kontrastı neden ilk adımda açıkça yazılmalıdır?
- “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” senaryosunda hangi kanıt ilk varsayımı sınar?
- “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” çalışmasında hangi hata sonucu yanıltabilir?
- “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” için güvenlik veya mahremiyet sınırı nedir?
- “Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” bilgisi başka bir projeye nasıl aktarılır?
Açıklamalı cevaplar
- Renk kontrastı, metin veya önemli grafik ile arka plan arasındaki algılanabilir farktır; erişilebilir anlatım ise bilgiyi yalnız renge bağlamadan metin, simge, biçim veya konumla da sunar.
- Yazı ve arka plan WCAG ölçütlerine göre yeterli fark taşır. Bu nedenle kontrast ölçümü. hazırlanır ve karar yalnız kişisel yoruma bırakılmaz.
- Sitenin bazı sayfalarında şeffaf üst menü açık fotoğrafın üzerine geliyor ve bağlantılar kayboluyor. Sabit yüksek kontrastlı yüzey ile odak ve hover durumları ayrı test edilerek sorun gideriliyor. durumunda renge bağımlı olmama ile ilişkili renk kapalı testi. ilk varsayımı görünür kılar.
- Yalnız marka rengini korumaya odaklanmak. Düzeltmek için durum çeşitliliği ilkesine dönülür ve durum ekranları. üretilir.
- Yanıp sönen yüksek kontrastlı animasyonlardan kaçınılmalı; görsel hassasiyeti olan kullanıcılar için hareket azaltma desteği sağlanmalıdır.
- Kontrast ilkeleri web, robot ekranı, basılı poster, veri grafiği ve oyun arayüzüne aktarılır.
Kaynak ve doğrulama notları
“Renk, Kontrast ve Renge Bağımlı Olmayan Anlatım” için aşağıdaki birincil ve resmî kaynaklar teknik çerçeveyi doğrulamak amacıyla seçilmiştir. Yazıcı, malzeme, tarayıcı veya erişilebilirlik aracı sürümü zamanla değişebileceği için uygulama tarihinde gerçek ortam ayrıca kaydedilmelidir.
Sonraki adım
Bu ders için bir cümlelik açıklama, bir konuya özel kanıt ve düzeltilmiş bir hata kaydı bıraktıktan sonra sıradaki içerik <strong>Klavye Kullanımı ve Görünür Odak</strong>. Önceki kanıt tamamlanmadıysa yalnız sayfa sayısını artırmak için ilerleme işaretlenmez.