Renk, Şekil veya Konum İpucu Olmadan Yönergeler

Yalnızca görenlerin izleyebildiği yönergeler

"Sandık yerinizi bulmak için sağdaki yeşil düğmeye tıklayın." Görme engelli bir seçmen için ne yeşil vardır ne sağ. Sayfayı yüzde 400 yakınlaştıran bir seçmen için düğme formun altında kalmış olabilir. Okuma kipiyle yeniden biçimlendirilmiş bir sayfada "sağda" hiçbir yeri göstermeyebilir.

WCAG 1.3.3 (A seviyesi), içeriği anlamak ve kullanmak için verilen yönergelerin yalnızca bileşenlerin şekil, renk, boyut, görsel konum, yönelim veya ses gibi duyusal özelliklerine dayanmamasını ister. Duyusal ipucu kalabilir; yeter ki yönerge öğeyi başka bir yolla, örneğin adıyla da belirtsin.

Ölçüt neye izin verir?

• Şekil ve konum ipuçları, aynı bilgi başka bir yolla da sunuluyorsa kabul edilebilir. Bilişsel sınırlılığı olan kişilerin öğeyi daha hızlı bulmasına yardım edebilirler.
• "Üstte" ve "altta" gibi sözcükler, okuma sırasına uyduğu ve gönderme belirsiz olmadığı sürece sorun olmayabilir.
• Renk burada yalnızca yönergelerin bir parçası olarak ele alınır; rengin tek başına bilgi taşıyıp taşımadığı ayrı bir ölçüttür, 1.4.1.
• Ölçüt, içeriği anlamak ve kullanmak için verilen yönergelerle ilgilidir; tasarımı anlatmaya getirilmiş genel bir yasak değildir.

Çözüm hemen her zaman aynıdır: denetimi ekranda adlandırıldığı gibi adlandırın, sonra istediğiniz ipucunu ekleyin.

Seçmen sorguları, kiosklar ve sıra ekranları

Kamu sitelerindeki yönergeler duyusal dile kayar. Bir seçmen sorgusu "yeşil düğmeyi kullanın" der. Zorunlu alan uyarısı "kırmızı alanlar" der. Bir hizmet sırası sayfası "zili duyunca pencereye gidin" der. Her biri kişinin rengi görebildiğini, düğmeyi konumlandırabildiğini veya sinyali duyabildiğini varsayar. Bunlar metni yazan ekip için küçük düzeltmelerdir ve sitenin en rutin görevlerinden bir engeli kaldırır. Yinelenen sorunların daha geniş listesi için yaygın engeller sayfasına bakın.

Yaygın yönergeler için yeniden yazımlar

Denetimi adlandırın. Ad, sesle denetim ve ekran okuyucu kullanıcılarının da bulabileceği şeydir.

<p>Sandık yerinizi bulmak için sağdaki yeşil
düğmeye tıklayın.</p>
<button class="btn-yesil">Ara</button>

<p>Sandık yerinizi bulmak için ev adresinizi girin
ve <strong>Sandık yerimi bul</strong> düğmesini seçin.</p>
<button class="btn-yesil">Sandık yerimi bul</button>

Zorunlu alanları belirtmek için renge güvenmeyin. Bilgiyi etiket metnine koyun.

<p>Kırmızı gösterilen alanlar zorunludur.</p>
<label for="adres" class="kirmizi">Sokak adresi</label>

<p>"(zorunlu)" işaretli alanlar doldurulmalıdır.</p>
<label for="adres">Sokak adresi <span>(zorunlu)</span></label>

Ses ipucunun, işitmeye bağlı olmayan ikinci bir kanala, görmeye bağlı olmayan bir kanala ihtiyacı vardır.

<p>Zili duyduğunuzda pencereye gidin.</p>

<p>Sıra numaranız ekranda belirdiğinde ve zil çaldığında,
ekranda adı yazan pencereye gidin.</p>
<p id="siradaki" role="status">
  Sıradaki: B-27, 4 numaralı pencere
</p>

Yerel uygulamalarda aynı yeniden yazım

Ekranlarda kural aynı şekilde işler. Bir denetime etiketiyle atıfta bulunun.

Text("Ödemek için alttaki yuvarlak düğmeye dokunun.")
Button(action: faturaOde) { Image(systemName: "creditcard.circle") }

Text("Devam etmek için Faturayı öde seçeneğini seçin.")
Button("Faturayı öde", action: faturaOde)

Text("Ödemek için alttaki yuvarlak düğmeye dokunun.")
FloatingActionButton(onClick = { faturaOde() }) {
    Icon(Icons.Default.CreditCard, contentDescription = null)
}

Text("Devam etmek için Faturayı öde seçeneğini seçin.")
ExtendedFloatingActionButton(onClick = { faturaOde() }) {
    Text("Faturayı öde")
}

Test etme yöntemi

1. Sayfadaki her yönergeyi okuyun; şekil, renk, boyut, konum, yön ve sesle ilgili sözcüklerin altını çizin.
2. Altı çizili her sözcük için yönergenin öğeyi etiketi veya metniyle de adlandırıp adlandırmadığına bakın.
3. Görevi ekrana bakmadan ekran okuyucuyla baştan sona yürüyün. Her yönergeyi izleyebiliyor musunuz?
4. Yüzde 400'e yakınlaştırın ve sayfaya okuma kipinde bakın. "Sol", "sağ" ve "altta" hâlâ geçerli mi?

Bu ölçüt insan okuyucu gerektirir; araçlar bir cümlenin anlamını değerlendiremez.

Uygulamadaki hatalar

• Kullanılabilecek bir etiketi olan düğme için "mavi düğmeye tıklayın".
• Metni olmayan düğme için "soldaki simge".
• "Kırmızı alanlar" veya "vurgulanan satır".
• Görünür sinyali olmayan "bip sesini bekleyin".
• Duyusal ifadeyi yeniden yazıp denetimi etiketsiz bırakmak.

Şu durumda yayına alın

• Her yönerge yalnızca adlar ve etiketlerle izlenebiliyor.
• Duyusal ipuçları, kaldıkları yerde, bir öğeyi belirlemenin tek yolu değil ek yoldur.
• Ses veya renk kullanan sinyaller metinle eşleştirilmiş.

Kaynaklar

• Understanding SC 1.3.3: Sensory Characteristics (W3C), İngilizce, yeni sekmede açılır
• F14: Failure of Success Criterion 1.3.3 due to identifying content only by its shape or location (W3C), İngilizce, yeni sekmede açılır
• 28 CFR Part 35, Subpart H: Accessibility of Web Information and Services (eCFR), İngilizce, yeni sekmede açılır

Standart sürümü: WCAG 2.1 (W3C Tavsiye Kararı, 5 Haziran 2018); Title II web kuralında adı geçen sürüm. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz. Bağlayıcı metin için ADA yasasının ve yönetmeliklerinin resmî metinlerini esas alın ve size nasıl uygulandığını bir avukata sorun.