3.2.2 Girdi Üzerine

Bir form alanının değerinin değiştirilmesi, kullanıcı önceden bilgilendirilmedikçe otomatik olarak bağlam değişikliğine yol açmamalıdır.

SC Kodu: 3.2.2 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#on-input

Genel Tanım

WCAG SC 3.2.2, herhangi bir kullanıcı arayüzü bileşeninin ayarının değiştirilmesinin, kullanıcıya bu davranış önceden bildirilmediği sürece, otomatik olarak bağlam değişikliğine neden olmaması gerektiğini şart koşmaktadır.

Bağlamdaki değişiklikler, kullanıcı aracısı, görüntüleme alanı, odak noktası ve web sayfasının anlamını değiştiren içerik gibi önemli değişiklikleri içerir. Bu değişiklikler, özellikle odak noktası kullanıcının onayı olmadan farklı bir öğeye kayarsa veya sayfanın önemli bir içeriği değişirse, kullanıcıları şaşırtabilir.

İçerik değişikliği bir istisna olabilir. İçerik değişikliği, bağlam değişikliğinden farklıdır. Örneğin, bu, bir radyo grubunda belirli bir radyo düğmesi seçildiğinde yeni form kontrollerinin görüntülenmesini içerebilir.

Bu kriter, kullanıcıların etkileşimleri üzerinde kontrol sahibi olmalarını ve veri girişi sırasında beklenmedik değişikliklerle karşılaşmamalarını sağlar.

Faydalar

• Kullanıcı Kontrolü: Kullanıcıların etkileşimleri üzerinde kontrol sahibi olmalarını sağlayarak, bağlamda beklenmedik değişikliklerin önüne geçer.
• Ekran Okuyucu Kesintisinin Önlenmesi: Kullanıcılar, özellikle engelli olanlar, bağlamdaki ani değişikliklerden dolayı yönlerini kaybetmezler.

Ana Amaç

Kullanıcılar veri girerken otomatik bağlam değişikliklerini önlemek için, yalnızca kasıtlı olarak başlattıkları değişikliklerden haberdar edilmelerini sağlayın. Bu kriter özellikle kullanıcı onayından önce gerçekleşen eylemler için geçerlidir. Örneğin, bir kullanıcı ok tuşlarını kullanarak bir seçim alanında seçenekler arasında gezinip bir seçenek seçerse, sayfa değişikliği, kullanıcıya önceden duyurulmadığı veya kullanıcı tarafından bir onay düğmesiyle onaylanmadığı sürece otomatik olarak gerçekleşmemelidir.

Yan gezinme çubuğunda giriş alanları bulunan tek sayfalık bir uygulamayı düşünün. Kullanıcı bu giriş alanlarını güncellediğinde, ana içerik otomatik olarak güncellenir. Önceden bildirim yapılmadığı veya değişiklikleri onaylama seçeneği sunulmadığı takdirde, bu kriter karşılanmamış olur.

En İyi Uygulamalar

• Otomatik imleç hareketini önleyin: Alan kodu ve telefon numarası için ayrı alanlar içeren bir telefon numarası girişi gibi bir giriş grubu varsa, bir alana rakam girildiğinde kullanıcının haberi olmadan imlecin otomatik olarak bir sonraki alana geçmemesini sağlayın.
• Otomatik form gönderimlerinden kaçının: Formların kullanıcı bilgisi veya aktivasyonu olmadan gönderilmemesini sağlayın. HTTP ve HTML protokollerine uygun düğmeler ve talimatlar sağlayın.
• Bağlam değişiklikleri için kullanıcı talimatları sağlayın: Bağlam değişikliği gerekiyorsa, kullanıcılara bu davranış hakkında net talimatlar verin.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Otomatik İçerik Değişikliklerini Engellemek için Gönder Düğmesi Kullanımı

Nelerden Kaçınılmalı?

Kullanıcı formun son alanını doldurduğunda form otomatik olarak gönderilir.

HTML/CSS

<form>​​
  <label for = "name" > İsim : </label>
  <input type = "text" id = "name" name = "name" required >
  <label for = "email" >E - posta: </label>
  <input type = "email" id = "email" name = "email" required onblur = "this.form.submit()" >
</form>​​

Açıklama: Kullanıcı son alanı terk ettiğinde formun otomatik olarak gönderilmesi, özellikle yardımcı teknolojilere güvenen kullanıcılar için kafa karışıklığına ve kullanıcı deneyiminin bozulmasına neden olabilir.

Ne Yapılmalı?

Formda, kullanıcının formun ne zaman gönderileceğini kontrol etmesine olanak tanıyan bir gönder düğmesi bulunur.

HTML/CSS

<form>​
  <label for = "name" > İsim : </label>
  <input type = "text" id = "name" name = "name" required >
  
  <label for = "email" >E - posta: </label>
  <input type = "email" id = "email" name = "email" required >
  
  <button type = "submit" > Gönder </button>
</form>​​

Açıklama: Gönder düğmesi kullanılarak, form gönderimi kullanıcının kontrolü altındadır. Kullanıcılar, gönder düğmesine basmanın formu göndereceğinin farkındadır ve bu da beklenmedik bağlam değişikliklerini önler.