Skip to main content
Anlaşılabilir WCAG 3.2.2

3.2.2 Giriş Üzerine

Herhangi bir kullanıcı arayüzü bileşeninin ayarini değiştirmek, kullanıcı bileşeni kullanmadan önce bu davranIs hakkında bilgilendirilmedikce, otomatik olarak bağlam değişikliğine neden olmamalıdır.

Level A Moderate WCAG 2.0 (new) WCAG 2.1 WCAG 2.2

Bu kural ne anlama geliyor

WCAG 3.2.2, bir form kontrolünün değerini degistirmenin — onay kutusu işaretleme, radyo düğmesi seçme, metin girme veya açılır menü seçeneği seçme — kullanıcı önceden uyarilmadikca otomatik olarak bağlam değişikliği tetiklememesini gerektirir.

Giriş üzerine bağlam değişikliği gerekiyorsa, kullanıcı kontrolle etkilesime geçmeden önce bilgilendirilmelidir.

Neden önemlidir

Ekran okuyucu ve klavye kullanıcıları genellikle bir seçim yapmadan önce form kontrollerini kesfeder. Açılır menü seçeneği seçmek hemen sayfa degistirirse, kullanıcı yerini, kaydedilmemis verileri veya diğer secenekleri inceleme imkanini kaybedebilir.

İlgili axe-core kuralları

Bu kriter için otomatik axe-core kuralı yoktur. Giriş değişikliklerinin beklenmedik bağlam degisikliklerine neden olmadığını doğrulamak için manuel test gerekir.

Nasıl test edilir

  • Sayfadaki her form kontroluyle etkilesime geçin — seçim değerlerini değiştirin, kutuları işaretleyin, metin girin.
  • Otomatik olarak navigasyon, form gonderimi veya önemli sayfa değişikliği olmadığını doğrulayın.
  • Otomatik değişiklikler olursa, kontrolden önce açık talimatların sağlandığını kontrol edin.

Nasıl düzeltilir

Yanlış uygulama

<!-- Degisiklikte sayfa değiştiren select -->
<select onchange="window.location = this.value">
  <option value="/tr">Türkçe</option>
  <option value="/en">English</option>
</select>

Doğru uygulama

<!-- Açık gönder düğmesi ile select -->
<select id="dil">
  <option value="/tr">Türkçe</option>
  <option value="/en">English</option>
</select>
<button type="submit">Dili Degistir</button>

Sık yapılan hatalar

  • Gönder düğmesi olmadan degisiklikte hemen sayfa değiştiren dil veya bölge seçiciler.
  • Son alan tamamlandığında otomatik form gonderimi.
  • Onay kutusu degistirildiginde uyarı olmadan sayfayı yeniden yukleyen filtre kontrolleri.

Kaynaklar